如何对外部css文件使用autoprefixer-网页包
我在如何对外部css文件使用autoprefixer-网页包,css,web,build,webpack,autoprefixer,Css,Web,Build,Webpack,Autoprefixer,我在${ROOT}/resource/css/中有所有css文件。在使用webpack构建时,我希望将所有css文件复制到${ROOT}/build/css/,并将所需的供应商前缀添加到所有css规则中。 目前,我正在使用将所有css文件原样复制到${ROOT}/build/css/。我正在努力添加一个步骤来添加供应商前缀。请帮忙 在“我的网页包”配置下面: config = { entry: { "new": "./resources/js/new",
${ROOT}/resource/css/
中有所有css文件。在使用webpack构建时,我希望将所有css文件复制到${ROOT}/build/css/
,并将所需的供应商前缀添加到所有css规则中。
目前,我正在使用将所有css文件原样复制到${ROOT}/build/css/
。我正在努力添加一个步骤来添加供应商前缀。请帮忙
在“我的网页包”配置下面:
config = {
entry: {
"new": "./resources/js/new",
"view": "./resources/js/view",
"edit": "./resources/js/edit",
"preview": "./resources/js/preview",
"sidebar": "./resources/js/sidebar",
"frame": "./resources/js/frame"
},
output: {
filename: "[name].js",
path: "build/js"
},
module: {
loaders: [
{test: /\.js$/, loaders: ["babel-loader", "eslint-loader"]}
]
},
plugins: [
new CopyWebpackPlugin([{
from: './resources/css/*.css',
to: './build/css/[name].css'
}])
]
}
您安装了自动刷新器吗?显示配置文件建议在配置@hunzaboy中使用postcss loader,添加的网页包配置您只需添加postcss loader。检查我在之前的评论中添加的链接。它应该可以解决这个问题。据我所知,postcss加载器是用来加载css的。如果我在一些js文件中加载css,比如require('style.css'),这将非常有用。在我的场景中,我从HTML文件链接css文件。我哪儿也不装。这就是为什么我要将整个css目录复制到构建目录。我只是想复制的文件应该有供应商前缀添加。PostSS loader能否帮助实现这一点?