zoukankan      html  css  js  c++  java
  • webpack2.x抽取css

    这里以.vue文件为例,需要安装extract-text-webpack-plugin

    我们主要设置的文件是webpack.config.js文件。

    抽取成一个css文件


    这个设置是提取成一个单独的style.css文件

    // webpack.config.js
    var ExtractTextPlugin = require("extract-text-webpack-plugin")
    
    module.exports = {
      // other options...
      module: {
        rules: [
          {
            test: /.vue$/,
            loader: 'vue-loader',
            options: {
              loaders: {
                css: ExtractTextPlugin.extract({
                  use: 'css-loader',
                  fallback: 'vue-style-loader' 
                })
              }
            }
          }
        ]
      },
      plugins: [
        new ExtractTextPlugin("style.css")
      ]
    }
    

    抽取成多个css文件


    这个设置是提取成多个单独的css文件

    // webpack.config.js
    var ExtractTextPlugin = require("extract-text-webpack-plugin")
    
    module.exports = {
      // other options...
      module: {
        rules: [
          {
            test: /.vue$/,
            loader: 'vue-loader',
            options: {
              loaders: {
                css: ExtractTextPlugin.extract({
                  use: 'css-loader',
                  fallback: 'vue-style-loader' 
                })
              }
            }
          }
        ]
      },
      plugins: [
        new ExtractTextPlugin({
          filename: 'dist/css/[name].[contenthash].css'
        })
      ]
    }
    
  • 相关阅读:
    racket eval
    mex不兼容
    【转】雷军 程序员随想
    UBoot 目录结构和编译过程
    远程监控web开发
    STL容器[08]
    STL容器[07]
    STL容器[17]
    STL容器[06]
    stl.map使用总结
  • 原文地址:https://www.cnblogs.com/zqzjs/p/6828090.html
Copyright © 2011-2022 走看看