webpack之css-loader/style-loader/

2017-02-26  本文已影响203人  overflow_hidden

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转处理后的文件插入到页面中

}

]

}

上一篇下一篇

猜你喜欢

热点阅读