美文网首页
Webpack 安装相关

Webpack 安装相关

作者: __越过山丘__ | 来源:发表于2019-03-09 15:46 被阅读0次

提升 webpack 打包速度两个重要的点:

    1. 保持 NodeJS 的版本尽量的新
    1. 保持 Webpack 的版本尽量的新

安装 node ==> 安装 npm ==> npm init(package.json) ==> 安装 webpack

webpack 的正确安装方式

    1. 全局安装:npm install webpack webpack-cli -g (不推荐,a项目使用webpack3,b项目使用webpack4,无法同时使用)
    1. 局部安装:进入项目目录中运行 npm install webpack webpack-cli -D
      局部安装指定版本的webpack:npm install webpack@4.29.5 webpack-cli -D

全局卸载webpack-cli:npm uninstall webpack webpack-cli -g

output: {
    filename: 'bundle.js',  // 打包后的文件名
    path: path.resolve(__dirname, 'dist')  // 打包后的文件放在哪里
}

2-4:使用webpack的配置文件

指定webpack配置文件:npx webpack --config webpackconfig.js

指南 --> 起步

相关文章

网友评论

      本文标题:Webpack 安装相关

      本文链接:https://www.haomeiwen.com/subject/hwsauqtx.html