1-4.Webpack对样式的处理

在webpack.config.js里面module项配置：

先得下载style-loader和css-loader

$ npm install css-loader style-loader --save-dev

因为是开发环境用到这两个插件 所以下载到项目用 --save-dev

配置完之后运行 webpack

index.css样式会被解析成js代码放到dist/js/index.js里面

这时候就会有个问题： 运行完js才会加载css(这时候页面样式会乱)

解决上述问题： css单独打包

extract-text-webpack-plugin 该插件的主要是为了抽离css样式,防止将样式打包在js中引起页面样式加载错乱的现象;首先我先来介绍下这个插件的安装方法:

npm install extract-text-webpack-plugin@1.0.1 --save-dev

转载于:https://www.cnblogs.com/warbj/p/8297815.html