webpack 配置postcss
2018-03-19 14:52
453 查看
1、安装postcss-loader
npm install --save-dev postcss-loader
2、然后配置webpack.config.js,特别说明一下 exclude 和 include ,在网上找的没有这两,然后我在配置完成后,在main.js里 impotr 进来的css 地直找不到,搞了好半天,然后写上这两就可以了,exclude 是接入node_modules里的css,include 是接 src 里的 {
test: /\.css$/,
exclude:/node_modules/,
include:'/src/',
use: [
{
loader: "style-loader"
}, {
loader: "css-loader",
options: {
//modules: true
}
}, {
loader: "postcss-loader"
}
]
},3、配置postcss.config.js,放要根目录,和package.json 放在一起module.exports = {
plugins: {
autoprefixer: {
browsers: ['last 7 iOS versions', 'last 3 versions', '> 1%']
}
}
};
npm install --save-dev postcss-loader
2、然后配置webpack.config.js,特别说明一下 exclude 和 include ,在网上找的没有这两,然后我在配置完成后,在main.js里 impotr 进来的css 地直找不到,搞了好半天,然后写上这两就可以了,exclude 是接入node_modules里的css,include 是接 src 里的 {
test: /\.css$/,
exclude:/node_modules/,
include:'/src/',
use: [
{
loader: "style-loader"
}, {
loader: "css-loader",
options: {
//modules: true
}
}, {
loader: "postcss-loader"
}
]
},3、配置postcss.config.js,放要根目录,和package.json 放在一起module.exports = {
plugins: {
autoprefixer: {
browsers: ['last 7 iOS versions', 'last 3 versions', '> 1%']
}
}
};
相关文章推荐
- webpack配置postcss-px2viewport
- Webpack3+postcss+sass+css自动添加前缀配置
- 手把手教你webpack3(11)PostCSS-Loader配置简述
- webpack配置(第五步:less/css篇(url图片篇))
- webpack配置(第五步:less/css篇(进阶篇))
- webpack配置:css文件打包、JS压缩打包和HTML文件发布
- Webpack 2 视频教程 011 - Webpack2 中加载 CSS 的相关配置与实战
- CSS预编译与PostCSS以及Webpack构建CSS综合方案
- webpack配置(第五步:less/css篇(基础篇))
- [转] webpack3.0踩坑:postcss-loader的使用
- 关于webpack2.0里面css-loader的参数ImportLoaders配置出错
- CSS预编译与PostCSS以及Webpack构建CSS综合方案
- [js高手之路]深入浅出webpack教程系列8-(postcss-loader,autoprefixer,html-loader,less-loader,ejs-loader)用法
- [js高手之路]深入浅出webpack教程系列8-(postcss-loader,autoprefixer,html-loader,less-loader,ejs-loader)用法
- react 初探:webpack 加载css 使用配置
- Vue+Webpack配置css-loader时报错:Module build failed: Unknown word
- webpack解决‘config unkown property postcss’
- webpack配置:less/sass文件打包和分离、自动处理css前缀、消除未使用的css及完整的webpack.config.js文件
- webpack编译时No PostCSS Config的解决方法
- webpack配置:图片处理、css分离和路径问题