zoukankan      html  css  js  c++  java
  • webpack实用配置

    注意:以下内容是在vue-cli脚手架的基础上进行添加!

    1、单个文件抽离

    webpack.base.conf.js里边的webpackConfig={}里边对入口文件进行配置,输入你想要抽离的文件,比如vux这个ui框架很大,很有必要抽离

    entry: {
        app: './src/main.js',
        vue: 'vue',
        vux: 'vux',
        vuex: 'vuex',
        vueRouter: 'vue-router'
      }

    webpack.prod.conf.js里边配置plugs插件  官方文档:https://webpack.js.org/plugins/uglifyjs-webpack-plugin/#uglifyoptions

    new webpack.optimize.CommonsChunkPlugin({
          // name对应入口文件,入口文件单独抽离
          name: ['vue', 'vux', 'vuex','vue-router'],
          // 抽离路径 相对于dist
          filename: 'assets/js/[name].js',
          // filename:'assets/js/[name].[ext]',
          // 最小抽离两个文件  这个目前不懂什么意思,但是必须写!一般都写2就可以了
          minChunks: 2
        })

    以上为配置即可进行抽取文件

    2、生产环境打包时去掉console debug?

    在webpack.prod.conf.js里边配置已有plugs插件

    new webpack.optimize.UglifyJsPlugin({
          compress: {
            warnings: false, // 已有
            drop_debugger: true, // 新增
           drop_console: true // 新增
          },
          sourceMap: true
        }),
  • 相关阅读:
    HTML连载29-div和span标签
    Java连载14-补码简介&浮点型整数
    Java连载13-整数型字面值的强制转换
    Java连载12-继承开发环境&long类型
    [Python] tkinter 之 Listbox & Combobox
    [Python] Tkinter command
    [java] 转型
    [Python] execl读写
    [c++] 细节
    [刷题] PTA 7-64 最长对称子串
  • 原文地址:https://www.cnblogs.com/fooller/p/8339869.html
Copyright © 2011-2022 走看看