webpack中文文档笔记——起步

旧时模样 提交于 2019-12-14 07:06:01
  1. private :true 确保我们安装包是私有的(private)
    移除 main :“index.js” 可以防止意外发布你的代码
    在这里插入图片描述
    2.webpack 的项目结构中的src文件和打包完的dist文件夹的区别:

src “源”代码是用于书写和编辑的代码
dist 是构建过程产生的代码最小化和优化后的“输出”目录,最终将在浏览器中加载

  1. npm install --savenpm install --save-dev区别

npm install --save 在安装的包是要打包到生产环境的安装包时
npm install --save-dev 在安装一个用于开发环境的安装包

  1. npx 是什么?

npx 会帮你执行依赖包里的二进制文件。
也就是说 npx 会自动查找当前依赖包中的可执行文件,如果找不到,就会去 PATH 里找。如果依然找不到,就会帮你安装!
例如,执行webpack二进制文件

在这里插入图片描述

有的npx webpack 指令我们可以很方便的直接执行webpack.js,它会我们自动找到webpack文件,不需要我们去手动指定webpack的目录

  1. 当项目中已经创建了webpack.config.js文件时,npx webpack ,将默认选择使用它

npx webpack === npx webpack --config webpack.config.js
–config 文件名
–config 选项只是向你表明,可以传递任何名称的配置文件。这对于需要拆分成多个文件的复杂配置是非常有用。
在这里插入图片描述

  1. 可以通过在package.json中的npm script配置对应的键值对,来对应执行npx webpack
    在这里插入图片描述
    在这里插入图片描述
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!