webpack配置

Posted xhrr

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了webpack配置相关的知识,希望对你有一定的参考价值。

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配置的主要内容,如果未能解决你的问题,请参考以下文章

webpack配置bable

webpack配置

Webpack 配置

webpack vue 热部署配置

webpack基础+webpack配置文件常用配置项介绍+webpack-dev-server

webpack基础+webpack配置文件常用配置项介绍+webpack-dev-server