美文网首页
webpack 打包

webpack 打包

作者: narcissus灬 | 来源:发表于2019-07-16 15:02 被阅读0次

1. 全局安装 webpackwebpack-cli

npm i webpack webpack-cli -g

2. 项目中安装 webpackwebpack-cli

npm i webpack webpack-cli -D

3. package.json

  "scripts": {
    "dev": "webpack --mode development",
    "build": "webpack --mode production"
  },

4. 进行打包

npm run dev    // 开发环境打包,不会压缩
npm run build  // 生产环境打包,会对打包后的文件进行压缩

5. 注意

  • 如果只在项目中安装了 webpackwebpack-cli ,则无法直接使用 webpack 命令,但可以通过 npm run dev 来执行 scripts 中的打包脚本
  • 如果需要在直接使用 webpack 命令,需要全局安装 webpackwebpack-cli
  • 如果是默认配置,默认打包 src 下的 index.js,输出到 dist 文件下

相关文章

网友评论

      本文标题:webpack 打包

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