Webpack 安装相关

提升 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介绍和使用 一、webpack介绍 1、由来 ...
    it筱竹阅读 11,231评论 0 21
  • 1 webpack介绍 使用vue.js开发大型应用需要使用webpack打包工具,Webpack 是一个前端资源...
    striveSmile阅读 2,060评论 0 50
  • 构建一个小项目——FlyBird,学习webpack和react。(本文成文于2017/2/25) 从webpac...
    布蕾布蕾阅读 16,871评论 31 98
  • Node.js npm 什么是Node.js 以及npm 简单的来说 Node.js 就是运行在服务端的Ja...
    可笑的黑耀斑阅读 593评论 0 1
  • 你们有没有过这样的体会:电影中男女主角因一些难以抗拒的因素而分道扬镳,你也不禁潸然泪下;相伴多年的爱宠因大限到了而...
    雷骞阅读 462评论 1 3