webpack总结--配置启动页面
注1:全文中安装插件写为了cnpm,个人比较推荐yarn进行安装,cnpm与yarn的区别,可查看之前转载的博客npm与yarn的区别
注2:注意webpack的版本间的兼容性;
webpack的作用
webpack用来解决什么问题?
网页中存在多种静态资源,.css .js images fonts 等等,网页中引入的静态资源多了,网页加载速度就会变慢,因为不断地需要发起很多的二次请求;同时,还需要处理错综复杂的依赖关系;
webpack可以很好的处理上述的问题
什么是webpack
webpack 是前端的一个项目构建工具,它是基于 Node.js 开发出来的一个前端工具;
webpack的安装
运行npm i webpack -g全局安装webpack,这样就能在全局使用webpack的命令
在项目根目录中运行npm i webpack --save-dev安装到项目依赖中
webpack 打包
(不推荐 )运行webpack 入口文件路径 输出文件路径对main.js进行处理:
可以对main.js进行处理:
如下:
webpack src/j