webpack
王永存
大道至简
展开
-
webpack打包时,通过配置不打包一些require的文件
最近在用koa写一个node程序,想用webpack打包之后部署。但是有一个配置文件,打包的时候会打包进去,这就很苦恼了。因为我不想打包这个配置文件。配置文件config.json,代码如下:{ "port": 9999}代码中引入的方式为:const config = require('config.json');看一下打包之后的结果,居然把配置信息都打包进来了!怎么解决呢?在webpack的配置添加对应的变量,即可externals: {原创 2020-12-25 16:18:01 · 1757 阅读 · 0 评论 -
webpack+vue实践
前言2020年即将到来,在众多前端的招聘要求里,webpack、工程化这些字眼频率越来越高。日常开发者中,我们常常在用诸如vue-cli、create-react-app的脚手架来构建我们的项目。但是如果你想在团队脱颖而出(鹤立鸡群)、拿到更好的offer(还房贷),那么你必须去深刻的认识下我们经常打交道的webpack本文共分为三个部分带你领略webpack的魅力。如有不足之处,恳请斧正1. 入门(一起来用这些小例子让你熟悉webpack的配置)1.1 初始化项目新建一个目录,转载 2020-06-17 16:19:43 · 393 阅读 · 0 评论 -
webpack打包vue项目后,一些文件图片路径找不到的问题解决办法
最近写了一个百度地图的项目,要求底部有一个导航栏。具体如下图:首先,拿到了底部导航栏的所有图标图片,图片都有两种。灰色的代表未选中,选中的用带样色的图片替换。先看一下,组件中 html结构:通过vue提供的v-for方法,进行遍历显示footNav这个数组。数组里边存放着{title:"银行",url:" ",url1:" "},将图片的 src与isSel原创 2017-09-23 15:40:59 · 9174 阅读 · 1 评论 -
vue项目优化之页面的按需加载(vue+webpack)
vue+webpack实现页面的按需加载 通过vue写的单页应用时,可能会有很多的路由引入。当打包构建的时候,javascript包会变得非常大,影响加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应的组件,这样就更加高效了。这样会大大提高首屏显示的速度,但是可能其他的页面的速度就会降下来。结合Vue的异步组件和webpackde code sp...原创 2017-09-22 20:46:16 · 28783 阅读 · 3 评论