码迷,mamicode.com
首页 > Web开发 > 详细

webpack的loader

时间:2017-06-15 12:48:21      阅读:291      评论:0      收藏:0      [点我收藏+]

标签:样式   加载   color   dev   rac   自动   ade   install   mod   

抽离css样式,打包好的css文件,自动添加到<link>
防止将样式打包在js中引起页面样式加载错乱的现象;首先我先来介绍下这个插件的安装方法:
npm install extract-text-webpack-plugin --save-dev
const ExtractTextPlugin = require("extract-text-webpack-plugin");

module.exports = {
  module: {
    rules: [
      {
        test: /\.css$/,
        use: ExtractTextPlugin.extract({
          fallback: "style-loader",
          use: "css-loader"
        })
      }
    ]
  },
  plugins: [
    new ExtractTextPlugin("styles.css"),
  ]
}

 

webpack的loader

标签:样式   加载   color   dev   rac   自动   ade   install   mod   

原文地址:http://www.cnblogs.com/JennyGao/p/7009319.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!