美文网首页
webpack之css-loader/style-loader/

webpack之css-loader/style-loader/

作者: overflow_hidden | 来源:发表于2017-02-26 20:00 被阅读203次

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/

      本文链接:https://www.haomeiwen.com/subject/ryfmwttx.html