美文网首页
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