-
3 votesanswersviews
有一个prod构建问题与Webpack,React,postCSS,以及可能正确注入的其他JS代码
我的webpack.prod.config正确地构建我的资产或者可能是我的JS Babel配置问题 . 我可以让它与开发构建一起工作,它正在内联我的CSS,但当我尝试将它们组合成一个CSS文件进行 生产环境 时,它无法正常工作 . 无论发生什么,它都可以在Dev中使用,每个相应的组件中的导入'./filename.css'直接注入CSS . 它也可能是JS,但无论哪种方式,当我构建prod时,CS... -
0 votesanswersviews
Gatsby.js css:自定义属性
我安装了gatsby cli并创建了一个基本节点/ gatsby.js项目 . 教程说“Gatsby开箱即用CSS模块 . ”我还想使用如下所述的自定义css属性:https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables (1)我创建了 src/layouts/variables.css 并使用自定义属性放入css,例... -
5 votesanswersviews
使用node-sass和postcss autoprefixer生成带有npm脚本的源映射
当将输出从一个输出到另一个时,是否可以使用node-sass和postcss autoprefixer生成完全可用的源图?我目前在package.json中有以下内容: "scripts": { "sass": "node-sass sass/app.scss --source-map true --source-map-embed tru... -
0 votesanswersviews
用于“node-sass”的NPM脚本和用于autoprefix的“postcss”
我需要使用autoprefixing属性将我的scss编译为css文件 . 我的npm脚本如下所示: { "scripts": { "build:css": "node-sass --output-style 'compressed' src/scss/ -o public_html/css/map/ && postcs... -
3 votesanswersviews
Postcss与css模块一起扩展
我有以下webpack配置: test: /.css$/, use: extractAppStyles.extract({ fallback: 'style-loader', use: [{ loader: 'css-loader', query: { modules: true, importLoad... -
3 votesanswersviews
Postcss-loader不会缩小css输出
我正在使用webpack和postcss-loader来自动修复和缩小我的CSS,然后将其加载到css-loader中以使用css-modules . 我在缩小CSS方面遇到了麻烦 . 通过webpack检查发出的.js文件显示CSS没有用cssnano缩小(因为我仍然可以看到空格字符) . 我究竟做错了什么? 一些相关的配置文件: webpack.config.js: const path = ... -
0 votesanswersviews
在Webpacker中发布CSS
我已经将Webpacker安装到我的Rails应用程序中 . 我试图编译它,但它抱怨Post CSS . 我不使用Post CSS . 21:01:18 webpack.1 |模块构建失败:ModuleBuildError:模块构建失败:错误:找不到PostCSS配置:/vagrant/.postcssrc.yml 21:01:18 webpack.1 |错误在./node_modules/cs... -
15 votesanswersviews
从Gulp切换到Webpack
我的第一个问题是关于如何为简单项目推荐这个开关,只是为了预处理/ Concat / Minify? 理解这个未来的“标准”,比如Webpack和PostCss-NextCss-Autoprefixer等,就像是在迷恋我.... 所以这导致了我的下一个问题,是否有任何教程可以指导我在第一个问题中讲述的简单任务? 或者是将我的 gulpfile.js 更改为 webpack-config.js 的简单... -
0 votesanswersviews
在webpack中从cssnext转换为postcss-cssnext
我无法将我的webpack配置转换为使用现已弃用的cssnext和cssnext-loader到postcss-cssnext和postcss-loader . Doc的状态清楚地说明我正在尝试重新创建的功能已被委托给功能特定的插件,但我似乎无法让事情发生 . 一个例子是css变量 . My current working webpack config is like so: ...插件导入 v... -
3 votesanswersviews
有关如何使用postcss-modules而不是css-modules的示例吗?
内置于_1593548中的CSS模块支持看起来非常简单:你只需要 require / import CSS文件和webpack生成代码,它们做两件事: 将生成的CSS注入您的网页 返回要使用的类名字典 . 而且用法也非常简单: import styles from "./style.css"; element.innerHTML = '<div clas... -
2 votesanswersviews
将全局css文件与CSS模块一起使用
我正在使用https://github.com/mxstbr/react-boilerplate作为项目,它使用CSS模块和postCSS作为样式,这很棒 . 但是,我还需要有一些用于排版,基本组件等的全局CSS文件 . 应该如何添加这些文件的最佳实践是什么?我已经看过使用preCSS但不完全确定如何在webpack中设置它,以便它可以将这些全局文件导入主样式表 . 我是webpack的新手(来自... -
2 votesanswersviews
CSS模块组合不起作用
我正在尝试使用postcss cssnext设置css模块 . 这一切似乎都运行正常,除了 composes 关键字根本不起作用 . 编译包时规则消失 . 这是我的webpack配置文件: 'use strict' const path = require('path') const webpack = require('webpack') const HtmlPlugin = require(... -
2 votesanswersviews
使用webpack和postcss-loader导入字体很棒
我正在尝试更新我的webpack构建以利用postcss和postcss-loader . 但是我在加载字体,图像等时遇到问题 . 例如,试图让字体真棒导入 . 这是我在postcss工作之前的设置: CSS: @import "~font-awesome/css/font-awesome.min.css"; webpack.config: ... module: { ... -
1 votesanswersviews
webpack with less和postcss autoprefixer
我是webpack的新手,我正在尝试将所有内容设置为反应项目 . 我已经设法让所有的东西都按照预期在webpack中工作,但是已经遇到了使用autoprefixer的路障 . 我已经关注了post css和autoprefixer的文档,我显然在这里缺少一些重要的东西,或者做了一些愚蠢的事情 . 请你看一下我的配置,如果你有任何建议,请告诉我 . 其他postcss插件工作得很好,像nanocss... -
4 votesanswersviews
在Angular2中使用带有SASS和PostCSS的Webpack
Init 我试图使用webpack与sass-loader和postcss-loader . 我已经尝试了不同的解决方案但没有任何工作像我想要的那样 . 我使用raw-loader和sass-loader尝试了Angular 2 Starter Pack的解决方案,但是postcss-loader没有工作 . Code 角度2分量 @Component({ selector: 'my-ap... -
0 votesanswersviews
Webpack不使用postcss-sorting或prettier-loader处理scss
我是webpack的新手,所以如果有任何基于以下代码的建议,欢迎所有人 . 如果我犯了菜鸟错误,请原谅我 . 我面临的问题是我正在尝试使用postcss-sorting和prettier-loader来处理我们的scss文件 . 目前它只处理主文件(style.scss)文件而不是我正在导入的所有文件 . 基本上,它不是递归的 . 我在我的app.js中将scss文件添加为单独的require文件... -
0 votesanswersviews
babel-plugin-react-css-modules不支持背景图像
使用css-modules后,scss中的background-image将无效 . 请问,如何正确配置? 回购:https://github.com/pdsuwwz/Antd-app 错误: ERROR in ./src/script/components/redux-test/style.scss Module build failed (from ./node_modules/mini-... -
1 votesanswersviews
Rollup和Post CSS - 自动添加前缀React className属性
我正在使用Rollup React Post CSS来构建组件库 . 我正在寻找一种自动修复类名的方法,这样它们就不会与使用库的项目中的样式冲突 . 我已经添加了这个插件来自动将'前缀'添加到CSS中的每个类名: Post CSS Prefixer 但是,这不会修改JavaScript(JSX),因此React组件仍然使用未命名的类作为className属性 . 有没有办法使用Rollup自动修改... -
6 votesanswersviews
在create-react-app中链接CSS
create-react-app以一个看起来像这样的App.js启动你: import React, { Component } from 'react'; import logo from './logo.svg'; import './App.css'; class App extends Component { render() { return ( <div...