码迷,mamicode.com
首页 > Web开发 > 详细

webpack配置

时间:2019-07-03 22:45:00      阅读:151      评论:0      收藏:0      [点我收藏+]

标签:index   配置   port   应用   懒加载   第三方   依次   自己   封装   

1. 使用封装好的webpack打包:npm run dev

  vue是单页面应用首次加载很大,首屏优化

    ①路由懒加载:将网页拆分成多个组件,引入那个组件便加载那个路由

    ②cdn引入第三方包

    ③按需引入

2. 自己使用webpack打包

  原理:一入口文件为主依次打包所有入口文件引用的文件

  准备工作:

    创建文件夹;

    初始化package.json

    创建index.html

    添加main.js入口文件(在入口文件中 引入calc.js文件:import xx from ‘./xx‘ 将会出错)

    添加包含js的文件夹(calc.js)

  

webpack配置

标签:index   配置   port   应用   懒加载   第三方   依次   自己   封装   

原文地址:https://www.cnblogs.com/xhrr/p/11129516.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!