【转】webpack4

一、再也不支持node.js4.X

二、不能用webpack命令直接打包指定的文件，只能使用webpack.config.js进行配置。

     即：webpack  demo01.js  bundle01.js 不能用了。

三、CLI被移动到了一个专门的包 webpack-cli里了。

      全局安装webpack-cli

      命令：npm install webpack-cli -g

四、本地（项目目录）下安装webpack，

     命令：npm install webpack -D

五、在webpack.config.js里的配置，再也不支持 module下的loaders，须要把loaders改为rules。

    以下：

    module: {

        rules: [
            //针对css文件，进行对应的loader处理
            { test: /\.css$/, loader: "style-loader!css-loader" }
        ]

    }

 

七、json

        webpack 如今能原生地处理 JSON

        容许经过 ESM 语法导入 JSON

八、优化：

       更新 uglifyjs-webpack-plugin 至 v1 版本，以支持 ES2015

九、Usage

      如今能够在两种模式中选择 (mode or --mode) : 生产模式或开发模式

十、配置：

       NoEmitOnErrorsPlugin -> optimization.noEmitOnErrors (生产模式下默认开启)
       ModuleConcatenationPlugin -> optimization.concatenateModules (开发模式下默认开启)
       NamedModulesPlugin -> optimization.namedModules (开发模式下默认开启)
       CommonsChunkPlugin 已被移除 -> optimization.splitChunks, optimization.runtimeChunk

十一、Syntax

        import() 老是返回一个命名空间对象。CommonJS 模块被封装到默认导出中

十二、还有一个坑，暂时尚未解决，正在研究：

        用 import Vue from "vue";  引入vue有问题，

        可是改为   

             import Vue from "vue/dist/vue.js"; 

        是能够用的。