入门Webpack

Webpack的工作方式是：把你的项目当做一个整体，webpack从入口文件（如：index.js）开始，找到项目的所有依赖文件，使用loaders处理它们，最后打包成一个或多个浏览器可识别的js文件。

核心概念：

• 入口(entry)
• 输出(output)
• loader
• 插件(plugins)

使用流程：

npm init //生成package.json文件
npm install --save-dev webpack //项目中安装webpack

接着，在项目目录下，创建成如下项目结构

配置package.json时，

没找到@babel/core，需要把babel-core卸载掉，从新安装@babel/core
npm un babel-core
npm i -D @babel/core

未完待续。。。

 

参考：https://segmentfault.com/a/1190000006178770，

https://github.com/Val-Zhang/webpack-demo，

https://segmentfault.com/a/1190000016458913