精华内容
下载资源
问答
  • webpack 4

    2020-12-02 02:32:58
    <ul><li><a href="https://webpack.js.org/">webpack offical docs</a> (not completely ready for webpack 4)</li><li><a href="https://medium.com/webpack/webpack-4-released-today-6cdb994702d4">webpack 4: ...
  • webpack4

    千次阅读 2018-02-28 15:30:05
    还好前面写webpack3.x稍微赶上了...包含了大量的特性更新, 以及极大的性能优化(最高可达 98%)Webpack 4 中移除了 CommonsChunkPlugin, 替换以一系列默认的配置以及简单的 optimize.splitChunks 接口同时 Webpack 4 ...

    还好前面写webpack3.x稍微赶上了点热度,最近在准备重构,还在考虑要不要使用parcel,正好发布了webpack4.0.0,就研究了下,修改还是比较大的。包含了大量的特性更新, 以及极大的性能优化(最高可达 98%)Webpack 4 中移除了 CommonsChunkPlugin, 替换以一系列默认的配置以及简单的 optimize.splitChunks 接口同时 Webpack 4 为我们带来了 mode 的配置项, 允许开发者根据不同的需求选择是面向开发环境优化还是生产环境优化, 从而降低了初学者的门槛更多变化。
    webpack4.0.0更新
    下面摘取其中比较重要的几个点

    变化

    不再支持nodejs4以下的版本
    1.您现在必须选择(mode或–mode)两种模式:生产或开发
    生产能够实现各种优化以生成优化的捆绑包
    生产不支持观看,开发针对快速增量重建进行了优化
    生产也使模块连接(范围提升)
    process.env.NODE_ENV 被设置为生产或开发(仅在构建代码中,而不是在配置中)

    2.您不再需要使用这些插件:
    NoEmitOnErrorsPlugin- > optimization.noEmitOnErrors(默认情况下处于生产模式)
    ModuleConcatenationPlugin- > optimization.concatenateModules(默认情况下处于生产模式)
    NamedModulesPlugin- > optimization.namedModules(在开发模式下默认开启)
    CommonsChunkPlugin 被删除 - > optimization.splitChunks

    特点

    webpack现在支持这些模块类型:
    javascript / auto:(webpack 3中的默认版本)启用了所有模块系统的Javascript模块:CommonJS,AMD,ESM
    javascript / esm:EcmaScript模块,所有其他模块系统都不可用
    javascript / dynamic:只有CommonJS和EcmaScript模块不可用
    json:JSON数据,可通过require和import获取
    webassembly / experimental:WebAssembly模块(目前是实验性的)
    WebAssembly模块
    可以导入其他模块(JS和WASM)
    来自WebAssembly模块的导出通过ESM导入进行验证
    尝试从WASM导入不存在的导出时,您会收到警告/错误
    只能用于异步块。它们不起作用(对网络性能不利)
    使用WASM通过导入模块 import()
    optimization.splitChunks选项介绍
    https://gist.github.com/sokra/1522d586b8e5c0f5072d7565c2bee693

    下面的太冗长了,就不贴了

    我们在社区中请求大家对 webpack 4 进行构建性能测试,得出的结果非常有趣。结果很惊人,构建时间降低了 60%-98%!!
    性能测试过程中也发现了一些 loader 的 bug 我们已经及时修复了!!计划在v5版实现多进程,或者缓存功能。进一步提高性能.

    Mode, 零配置以及默认值

    webpack 新增了一个 mode 配置项。mode 有两个值:development 或者是 production,默认值是 production。mode 是我们为减小生产环境构建体积以及节约开发环境的构建时间提供的一种优化方案。entry,output 这些配置项也都有默认值了。这意味着你不需要每次都配置它们了,当然包括 mode。这可能意味着从现在开始,在我们做出如此巨大改变之后,你的配置文件会变得非常小!

    WebAssembly 支持

    Webpack 现在默认支持在任何本地 WebAssembly 模块中的 import 和 export 语句。这意味着你可以直接在 Rust, C++, C 或者其它 WebAssembly 支持语言中使用 import。

    总结

    : 估计受到了parcel的威胁,在构建速度和配置这两个比较不好的方面有了极大的提升,但是并未做到极致,可以用webpack-cli以体验webpack4.0.0的功能,目前vue-cli目前还不支持,可以再vue-cli的包里查看版本@vue/cli-service/package.json中查看webpack版本

    展开全文
  • Webpack 4演示·Legato :musical_notes: 演示项目开始使用并进行实验 开始 恢复依赖关系并启动开发服务器: yarn && yarn dev 在主机上检查浏览器控制台 产品特点 entry / output自定义配置。 块分割( app | ...
  • 主要介绍了webpack3升级到webpack4遇到问题总结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
  • Webpack 4 入门笔记

    千次阅读 2020-03-10 12:36:48
    Webpack4 入门笔记

    学习基础

    • node 基础,npmyarn 的基本使用
    • 掌握 ES6 语法

    学习目标

    • webpack 常见配置
    • webpack 高级配置
    • webpack 优化策略
    • ast 抽象语法树
    • webpack 中的 Tapable
    • 掌握 webpack 流程,手写 webpack
    • 手写 webpack 中常见的 loader
    • 手写 webpack 中常见的 plugin

    webpack简介

    中文官网 https://webpack.docschina.org/

    中文官方文档 https://webpack.docschina.org/concepts/

    WebPack可以理解为一个静态资源打包器,根据文件的入口,通过在内部构建依赖树,将项目中关联到的静态资源打包输出

    Webpack4 新特性

    1. mode 属性

    webpack 需要设置 mode 属性,只可以是 developmentproduction

    例如: webpack --mode development

    webpack 针对 开发模式 (development) 提供的特性:

    • 浏览器调试工具
    • 注释、开发阶段的详细错误日志和提示
    • 快速和优化的增量构建机制

    webpack 针对 生产模式 (production) 提供的特性:

    • 开启所有的优化代码
    • 更小的 bundle 大小
    • 去除掉只在开发阶段运行的代码
    • Scope hoistingTree-shaking

    2. 插件和优化

    webpack4 删除了 CommonsChunkPlugin 插件,它使用内置API optimization.splitChunksoptimization.runtimeChunk,这意味着 webpack 会默认为你生成共享的代码块。
    其他插件的变化:

    • NoEmitOnErrorsPlugin 废弃->使用optimization.noEmitOnErrors替代
      • ModuleConcatenationPlugin 废弃>使用optimization.concatenateModules替代
      • NamedModulesPlugin 废弃>使用optimization.namedModules替代
      • uglifyjs-webpack plugin升级到了v1.0版本

    3. 开箱即用 WebAssembly
    WebAssembly(wasm) 会带来运行时性能的大幅度提升,由于在社区的热度,webpack4对它做了开箱即用的支持。你可以直接对本地的wasm模块进行 import 或者 export 操作,也可以通过编写 loaders 来直接import C++、 C或者Rust。

    4. 支持多种模块类型

    • javascript/auto: 在webpack3里,默认开启对所有模块系统的支持。包括CommonJS. AMD、ESM.
    • javascript/esm: 只支持ESM这种静态模块。
    • javascript/dynamic: 只支持CommonJS和AMD这种动态模块。
    • json:只支持JSON数据,可以通过require和import来使用。
    • webassembly/experimental: 只支持wasm模块,目前处于试验阶段。

    5. 0 CJS (0配置)

    0CJS 的含义是 0配置webpack4Parcel 打包工具启发,尽可能的让开发者运行项目的成本变低。为了做到0配置,webpack4 不再强制需要 webpack.config.js 作为打包的入口配置文件了,它默认的入口为 "./src/index.js' 和默认出口 './dist/main.js',对小项目而言是福音,不过还是建议手动配置。

    6. 新的插件系统

    webpack4 对插件系统进行了不少修改,提供了针对插件和钩子的新 API

    • 所有的 hookhooks 对象统一管理,它将所有的hook作为可扩展的类属性。
    • 当添加插件时,必须提供一个插件名称。
    • 开发插件时,可以选择 sync/callback/promise 作为插件类型。
    • 可以通过 this.hooks = { myHook: new SyncHook() }来注册hook了.

    使用 Webpack4 注意点

    需要 nodeJS 版本 >= 8.9.4,因为新版本使用了很多 JS 的新语法,新版本的 node 做了优化

    Webpack 可以完成哪些事情

    代码转换:ES6ES5LessSass等转 CSS

    文件优化:

    代码分割:

    模块合并:

    自动刷新:代码热更新

    代码校验:校验代码规范

    自动发布:通过手写插件可以实现自动发布

    开始使用

    安装 Webpack

    全局安装容易造成版本不一致,所以选择在项目中安装

    # -D 表示开发依赖,上线版本不需要
    yarn add webpack webpack-cli -D
    

    0 基础使用 Webpack

    • 新建项目目录

    • 进入目录,执行 yarn init 初始化项目,生成 package.json 项目配置文件

    • 安装开发依赖 webpackyarn add webpack webpack-cli -D,生成node_modules文件夹并下载依赖

    • 在根目录下新建 src 文件夹,在 src 下新建 index.js 并输出一句话。console.log('I am webpack')

    • 测试打包。npx webpack 这条命令可以使用项目中安装的 webpack 进行打包,从而避免全局安装 webpack造成的版本不一致问题。结果默认会在根目录下生成 dist/main.js 文件。

    webpack.config.js 的编写(node语法)

    webpack-dev-server 工具监听代码的更新

    webpack-dev-serverwebpack 官方提供的一个小型 Express 服务器,可以为webpack打包生成的资源文件提供 web服务。

    1. 本地安装

    npm i webpack-dev-server -S -D
    

    2. 配置脚本

    package.json 中配置脚本,执行 webpack-dev-server 命令。webpack-dev-serverwebpack 命令用法相同的

    "script":{
    	"dev": "webpack-dev-server"
    }
    

    3. 运行

    执行 npm run dev ,项目开始编译并且以本地服务器方式运行在8080端口(根目录托管在8080首页)
    在这里插入图片描述在这里插入图片描述
    webpack-dev-server 参数配置

    --open //编译完成自动打开浏览器
    --port 3030 //自定义端口号,默认是8080
    --contentBase src/views //默认打开访问的路径
    --hot //热加载,代码局部更新时(样式)无需刷新浏览器自动加载,实际上这时候生成了补丁包,避免了重新打完整包 ,如下图:
    

    在这里插入图片描述

    • 注意:webpack-dev-server 打包生成的文件并不是 dist/dist.js 。为了提高效率,会在根目录下生成 dist.js 我们在浏览器中直接访问 localhost:8080/dist.js 就能够直接看到打包好的js文件,但在项目文件中并看不到。所以我们在引用的时候可以直接引用根目录下的 dist.js 文件。

    在这里插入图片描述
    3. 在 webpack.config.js 中配置

    一般不会直接在 package.json 直接配置 webpack-dev-server,而是选择在webpack.config.js 中添加配置项

    webpack.config.js

    module.exports={
    	devServer:{
    		open: true, //自动打开浏览器
    		port: 3030, //端口号
    		progress: true, //显示打包进度
    		hot: true, //热更新(仅仅设置这里是不够的)
    		contentBase: "src" //首页默认路径
    	}
    }
    

    热更新配置

    WebPack 4版本中只需要配置第1步

    1. devServer中配置 {hot:true}

    devServer:{
    	hot: true
    }
    

    2. 引入webpack

    const webpack = require('webpack')
    

    3. 插件配置

    plugins:[{
        new webpack.HotModuleReplacementPlugin() //创建热更新(替换)模块对象,内置在webpack中,不需要单独引入
    }]
    

    html-webpack-plugin 插件的使用

    html-wepack-plugin 在内存中生成 index.html (入口),并自动注入所有的bundle

    插件安装

    npm i html-webpack-plugin -D
    

    配置

    webpack.config.js

    const HtmlWebpackPlugin = require('html-webpack-plugin') //引入插件
    
    module.exports = {
        ...
        plugins:[ //所有的都需要在这里(plugins[...])声明配置
            new HtmlWebpackPlugin({
                template: path.join(__dirname, './src/index.html'), //模板文件
                filename: 'index.html' //生成文件名
            })
        ]   
    }
    

    用法

    html-webpack-plugin 会在内存中生成 html ,同时也会把之前内存中的 js 文件自动导入,所以不再需要手动引入本地的js 文件。

    在这里插入图片描述

    loader 的使用

    Webpack默认只能解析打包 js 文件,打包其他文件(css、img等)都是需要通过相应的 loader 。以css文件为例

    style-loader css-loader 的使用

    在没有使用loader的情况下,尝试引入样式文件,在编译的时候会出现下面的错误:

    在这里插入图片描述

    错误的意思就是说需要一个合适的loader来处理css文件

    安装

    npm i css-loader style-loader -D
    

    配置

    所有的第三方模块都需要在webpack.config.js文件中的module[]节点中的rules中做规则匹配处理

    // loader配置,第三方模块加载器的配置
    module: {
        rules: [
            { test: /\.css$/, use: ['style-loader', 'css-loader'] } // 调用规则:从后向前
        ]
    }
    

    webpack在打包文件的时候会先校验文件是否为js文件,如果不是就会将文件通过后缀名匹配相应的loader处理。当使用多个loader时,处理规则是有后向前,后面的loader处理的结果依次向前传递,知道处理结束才交给webpack打包

    类似的 sassless 都是类似的配置

    module: {
        rules: [
            { test: /\.less$/, use: ['style-loader', 'css-loader','less-loader'] },
            { test: /\.sass$/, use: ['style-loader', 'css-loader','sass-loader'] }
        ]
    }
    

    url-loader file-loader 的使用

    url-loader 和 file-loader可以用来处理项目中引用到的文件地址(多为img)

    安装

    npm i url-loader file-loader -D
    

    配置

    module: {
        rules: [
            { test: /\.(jpg|png|jpeg|bmp|gif)$/, use: 'url-loader' } //file-loader 是内部依赖不需要手动配置
        ]
    }
    

    使用说明

    在没有配置的情况下,图片默认会以base64编码的形式引入;也可以通过设置limit属性来限制文件大小:文件大于给定的limit(单位为byte)时会被编码为base64文件,否则不编码。

    webpack.config.js

    module: {
        rules: [
            {
                test: /\.(jpg|png|jpeg|bmp|gif)$/,
                use: [{ loader: "url-loader", options: { limit: 10000 } }]
            } // file-loaer是内部依赖不需要配置
        ]
    }
    

    在这里插入图片描述

    考虑到文件重名问题,图片文件(在未被编码为base64的情况下)会以Hash值命名,我们也可以通过配置自定义文件的名字:options条件name参数

    // 源文件名
    options: { 
        limit: 10000 ,
        name: '[name].[ext]' //[name]表示源文件名,[ext]是源文件扩展名
    }
    

    在这里插入图片描述

    // 取8位hash值做前缀
    options: { 
        limit: 10000 ,
        name: '[hash:8]-[name].[ext]' //[hash:8]表示hash值前8位
    }
    

    在这里插入图片描述
    更多参数配置可以参考☞ url-loader

    url-loader 其他类型文件配置

    字体文件

    { test: /.(ttf|svg|eot|woff|woff2)$/, use: 'url-loader' }
    

    Babel 的使用

    Babel 可以将 ES6 或是更高级的语法转换为 ES5 语法

    1. 安装Babel

    # 第一套包
    npm i babel-core babel-loader babel-plugin-transform-runtime -S
    
    # 第二套包
    npm i babel-preset-env babel-preset-stage-0 -S -D
    

    2. 配置Babel

    // webpack.config.js
    {
        test: /\.js$/,
        use: "babel-loader",
        exclude: /node_modules/ //排除node_modules
    }
    

    注意排除 node_modules 中的 js 文件, 否则导致打包速度非常慢, 而且无法运行

    3. 配置文件 .babelrc

    .babelrc 是一个 JSON 文件, 编写必须符合 JSON 规范

    {
        "presets": ["env", "stage-0"],
        "plugins": ["transform-runtime"]
    }
    
    展开全文
  • webpack4版本也出了很久了 之前弄过一段时间的升级 后面因为种种原因搁浅了 今天有硬着头皮升级了一波 yeah 还好升级成功了 先贴一波原先webpack3的github配置 ps(我只是一个菜鸡= = webpack的配置很辣鸡 )废话少...
  • webpack4.xDemo

    2018-04-02 15:00:39
    整个webpack4.x基础入门,对常见错误进行操作分析,从安装到配置到打包,展示了webpack最新版本的特点。可以快速准确入门webpack.
  • webpack4配置demo

    2018-12-18 14:25:54
    通过webpack4搭建开发环境,适合入门,笔记和搭建流程都在里面
  • vue webpack3 升级webpack4

    2019-03-02 18:07:00
    vue webpack3 升级webpack4 据说webpack3 比webpack4 编译速度将近快了60%-80%, 成功升级之后,于是来记录下,项目主要是vue ^2.5.9 , webpack ^4.10.2 , webpack-dev-sever ^3.1.4 ,配合升级的...

    vue webpack3 升级webpack4

    据说webpack3 比webpack4 编译速度将近快了60%-80%,

    成功升级之后,于是来记录下,项目主要是vue ^2.5.9 , webpack ^4.10.2 , webpack-dev-sever ^3.1.4 ,配合升级的还有vue-loader ^15

    项目重现编译之后由原来的1.7MB 减少到1.1MB ,看来在压缩这块也是由效果的。

    需要修改的地方有以下几点:

    vue-loader 14 到15 需要增加如下配置

    const VueLoaderPlugin = require('vue-loader/lib/plugin')  ++++
    const MiniCssExtractPlugin = require('mini-css-extract-plugin')   // webpack 4  +++
    
    const ExtractTextPlugin = require('extract-text-webpack-plugin') //for webpack3  -----
    
    module.exports = {
    ...
    plugins: [
            + new VueLoaderPlugin(),  ++++
            + new MiniCssExtractPlugin({filename:'mian.css'})  //for webpack 4 +++ 
             - new ExtractTextPlugin({filename:'main.css'}) //for webpack 3 ---
    ]
    ...
    }

    webpack-dev-server 升级之后需做如下改动

    devServer: {
         ++ contentBase: path.resolve(__dirname, '../dos-html'),  // 需要指定路径 ++
            port: 7001, 
            hot: true,
            // open: false,
            inline: true,
            compress: true,
            historyApiFallback: true,
           ....
        },

    webpack 3 升级 4 之后需要改动的配置

    plugins: [
       //已经移除
       new webpack.optimize.CommonsChunkPlugin({
           name: 'vendor',
           minChunks: function (module) {
             // any required modules inside node_modules are extracted to vendor
             return (
               module.resource && /\.js$/.test(module.resource) &&
               module.resource.indexOf( path.join(__dirname, '../node_modules')) === 0
             )
           }
         }), 
       new webpack.optimize.UglifyJsPlugin(...)//已经移除
    }
    
    ===> 修改为以下
    
    const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
    
    moudel.exports = {
    
    mode: 'production', ++ 这里指定模式。
    ...
    optimization: {
        splitChunks: {
          name(module) {
            return (
              module.resource && /\.js$/.test(module.resource) &&
              module.resource.indexOf(path.join(__dirname, '../node_modules')) === 0
            )
          }
        },
        minimize: true, 
        minimizer: [
          new UglifyJsPlugin({
            uglifyOptions: {
              compress: {
                warnings: false,
                // drop_debugger: true,
                // drop_console: true
              },
              sourceMap: false
            }
          })
        ]
      },
    ...
    }

    其他的各种报错信息,注意看,可能是模块版本太低了吧,都升级下就OK了。
    [完]

    posted @ 2019-03-02 18:07 邱秋 阅读(...) 评论(...) 编辑 收藏
    展开全文
  • webpack4入门

    2019-06-06 03:38:03
    先说一些废话,其实早就该入手webpack4了,现在都已经webpack5了,但是鉴于webpack5还不是特别稳定,所以先从webpack4入手。webpack4现在零配置,不需要写入口文件了,默认的入口文件为src文件夹内的index.js为主...

    先说一些废话,其实早就该入手webpack4了,现在都已经webpack5了,但是鉴于webpack5还不是特别稳定,所以先从webpack4入手。webpack4现在零配置,不需要写入口文件了,默认的入口文件为src文件夹内的index.js为主入口文件。

    1.安装

    npm init
    npm install webpack --save-dev
    npm install webpack-cli --save-dev
    // package.json
    "dev":"webpack --mode development",
    "prod":"webpack --mode production"
    复制代码

    2.配置

    一顿操作之后,我们发现,打包后的es6并没有被编译。所以我们把babel加进去。

    npm install babel-preset-env --save-dev
    // .babelrc
    {
        "presets":["env"]
    }
    复制代码

    现在问题来了,虽然我们已经将babel的安装也将babel的配置文件放进来了,但是webpack找不到babel的文件。所以我们要在package.json里加入babel的配置,使其生效。

    "dev":"webpack --mode development --module-bind js=babel-loader"
    复制代码

    然后安装babel-loader,不然会报错说少loader。

    3.使用

    详细代码见webpackdemo文件夹。在此不做粘贴。

    • 我们编译后发现tree shaking和scope hoisting并没有生效。在babelrc文件中需要引入配置来让tree shaking和scope hoisting生效。
    {
    "presets":[["env",{
        "modules":false,
    }
    ]]
    }
    复制代码
    • 同时发现引入css后无法进行编译,会进行报错。接下来开始了我们的表演时间。对css进行配置。写webpack.config.js
    module.exports = {
      module: {
        rules: [
          {
            test: /\.css$/,
            use: ['style-loader', 'css-loader'],
          },
        ],
      },
    };
    复制代码
    • 未完待续。。。。
    展开全文
  • Webpack 4 入门

    2018-06-11 14:13:06
    Webpack 4 入门 简介 Webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个...
  • vue-cli创建的webpack的项目由webpack3 升级到webpack4 eslint 报错 错误信息 Module build failed (from ./node_modules/eslint-loader/index.js): TypeError: Cannot read property 'eslint' of undefined 原因 ...
  • vue webpack3升级webpack4 踩坑记录 1 webpack4 需要node.js版本>= 10 2先卸载旧版本插件,重新安装新版本插件 webpack4版本中cli工具分离成了webpack核心库与webpack-cli命令行工具两个模块 npm uninstall ...
  • 由于 vue-cli 2 构建的项目是基于 webpack3,所以只能自己动手改动,至于升级 webpack4之后提升的编译速度以及各种插件自己去体验。 修改配置 1.替换插件 extract-text-webpack-plugin,使用 webpack4 推荐使用的...
  • 2019年模块化打包工具webpack4教程webpack4入门到进阶webpack视频教程 ...
  • webpack4的发布已经有一段时间了,听说webpack4的发布是注意到了他的亮点:实现零配置。webpack4制定了入口和出口的位置,但是实现页面应用和需要具体的功能的是时候还是避免不了进行配置一些选项。而且webpack的...
  • webpack 4 新特性

    2019-12-04 22:19:17
    webpack 4 新特性:新增 webpack-cli,零配置,优化插件
  • webpack4 升级

    2019-03-15 16:57:29
    webpack4升级之坑 webpack4出来已经好久,看到之前的vue-cli项目还是基于"webpack": “^3.6.0”,所以参考了一些资料,对webpack3做了升级。 webpack版本升级 "webpack": "^4.29.6" ...
  • webpack4打包

    2018-12-28 22:22:12
    webpack 4不再需要配置文件,下面来测试...引入webpack4 npm i webpack --save-dev 继续引入webpack-cli npm i webpack-cli --save-dev 这个时候我们的文件夹是这样的: 然后修改package.json,加入build脚...
  • webpack4.x开发环境配置

    万次阅读 多人点赞 2018-03-09 23:14:36
    写这篇文章的初衷在于,虽然网络上关于webpack的教程不少,但是大多已经过时,由于webpack版本更新后许多操作变化很大...为此,笔者进行了最新版配置的探索,使用的是windows操作系统,如果你的是webpack4.x版本,可...
  • webpack4.x打包拆分 在第14章开发、生产环境的拆分代码中,其实已经对webpack4.x的打包拆分,做过简单的介绍,但是在当时我对这一块其实也是一脸懵逼状态,只知道是这样配置的,但是具体该如何操作也是不清楚的,...
  • 本篇文章主要介绍了详解webpack4升级指南以及从webpack3.x迁移,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • webpack4体验

    2018-03-04 22:59:00
    webpack-dev-server的3.1.0版本只支持webpack4,所以以前的版本都不能使用3.1.0版本。 而webpack4把webpack-cli分离开来,所以要单独安装。 而webpack4较之前的版本运行更快。 在官网给出的示例中,可以不用配置...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 24,722
精华内容 9,888
关键字:

webpack4