标签：Vue cli package json yarn note webpack add first

1. webpack基本概念

用来打包压缩文件，减小文件的大小，提高效率；（生产环境使用的，不是人能看懂的）

默认入口: ./src/index.js  入口计算

默认出口: ./dist/main.js  这里结果输出

第三方的包管理，基于nodejs的打包的包；

webpack的基本使用：初始化：yarn init -y 创建一个包管理文件package.json管理包；

 安装依赖包：-D把包下载到开发依赖里面；devDependences；一般都是把工具包下载到这里；

• [ ] 开发环境 和 生产环境 以及英文"development", "production" 2个单词尽量会写会读

• * dependencies  别人使用你的包必须下载的依赖, 比如yarn add  jquery
  
  * devDependencies 开发你的包需要依赖的包,  比如yarn add webpack  webpack-cli -D (-D 相当于 --save-dev)

yarn add webpack webpack-cli -D  下载webpack和webpack-cli两个包；

 在package.json 添加打包命令；运行打包 yarn build

scripts: {
	"build": "webpack"
}

文件夹折叠问题：设置搜索 compact
ES6模块规范化要使用在package.json 加上type ：module  注意：from后面的文件位置加上后缀名

2. webpack使用步骤

3. webpack的配置

标签：Vue,cli,package,json,yarn,note,webpack,add,first
来源： https://www.cnblogs.com/zhulongxu/p/16668498.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。