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,