vue+wepack extract-text-webpack-plugin 丢失问题解决

转载于 2018-05-08 10:26:00 发布 · 244 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ksunone/p/9006825.html

文章标签：

#webpack #javascript #ViewUI

本文介绍如何使用Webpack配置工具将CSS和LESS样式文件分别进行打包处理，通过使用extract-text-webpack-plugin插件实现样式文件的独立导出，提高前端资源加载效率。

在webpack.base.conf.js文件下

添加

const ExtractTextPlugin = require('extract-text-webpack-plugin');

const extractCSS = new ExtractTextPlugin('stylesheets/[name]-one.css');
const extractLESS = new ExtractTextPlugin('stylesheets/[name]-two.css');

module: {
    rules: [
      {
        test: /\.css$/,
        use: extractCSS.extract(['css-loader', 'postcss-loader'])
      },
      {
        test: /\.less$/i,
        use: extractLESS.extract(['css-loader', 'less-loader'])
      }
    ]
  },
plugins: [
  extractCSS,
  extractLESS
]

转载于:https://www.cnblogs.com/ksunone/p/9006825.html