webpack之css-loader/style-loader/postcss-loader

1.使用css-loader处于页面的中的css文件,使用style-loader实现将转换后的文件插入到页面中。使用postcss-loader的autoprefixer实现将css3属性添加上厂商前缀。

2.安装:npm install --save-dev css-loader style-loader

npm install --save-dev postcss-loader。 

//PostCSS loader for webpack to postprocesses your CSS withPostCSS plugins。

npm install --save-dev autoprefixer。//用来实现加上厂商前缀

3.安装包API地址  https://www.npmjs.com/package/

4.webpack.module.loaders里面的配置:

module:{

loaders:[

{

test:/\.css$/,

loader:'style-loader!css-loader'

 // css-loader实现css的处理,style-loader转处理后的文件插入到页面中

}

]

}

你可能感兴趣的:(webpack之css-loader/style-loader/postcss-loader)