1、webpack的使用

一:

1、源码在src目录中写
2、打包好后的东西放到dist
3、最终把dist的文件夹丢给服务器部署,让服务器进行发布

webpack ./src/main.js ./dist/bundle.js指将main.js打包到/dist/bundle.js


二:
0、终端里输入npm init 生成package.json
0、npm (node package manager)是 JavaScript 世界的包管理工具,并且是 Node.js 平台的默认包管理工具
1、把入口的东西和出口的东西放在webpack.config.js里,在终端直接输入webpack就能打包,
2、在package.json“scripts”脚本中写 "build": "webpack" 就可以将终端中输入的“npm run build映射到"webpack",
也就是终端输入"npm run build"等于输入“ webpack ”,就能够打包了.
3、在package.json的script脚本中写 "build": "webpack",这样打包的时候,它会优先的去本地找webpack打包命令 ,找不到再全局找
4、在终端里,打包命令是全局的webpack命令打包,本地的和全局的可能webpack版本不一样,
所以可能造成很多文件出错,所以本地项目需要安装webpack,在终端的当前项目路径输入“ npm install webpack@3.6.0 --save-dev ”//这个dev是开发时依赖

posted on 2020-11-05 19:59  catchsa  阅读(78)  评论(0)    收藏  举报

导航