webpack
`、ratel
戒骄戒躁,学无止境。
展开
-
vue项目mac热更新失效解决方法
dev: { sockHost: 'http://172.16.0.57:8080', //热更新失效时配置这个字断为自己的ip disableHostCheck: true,//禁用主机检查 host: '0.0.0.0', // can be overwritten by process.env.HOST port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free o..原创 2022-01-26 18:20:10 · 1766 阅读 · 0 评论 -
vue项目本地开发构建速度优化 hard-source-webpack-plugin
1、为啥要优化本地构建速度有些项目因为项目需求点多、功能复杂、管理混乱、引入第三方插件/样式库过多、本身项目页面较多、文件较多等等原因,会导致项目体积变大、本地构建速度明显变慢,这时就需要对项目webpack进行一些设置来提高打包效率、加快打包时间。2、怎么做打包优化webpack打包速度优化有多种解决方案,今天说一种通用并且使用成本低、入手极为方便的插件hard-source-webpack-plugin(1) 首先下载插件cnpm install hard-source-webpack-pl原创 2021-09-18 10:57:40 · 1714 阅读 · 1 评论 -
npm scripts设置环境变量方法
windowsset NODE_ENV=production"scripts": { "release": "set NODE_ENV=production && gulp rtm", "dev": "set NODE_ENV=development && gulp watch",}linux & macexport NODE_ENV=production"scripts": { "release": "NODE_ENV=pr原创 2020-11-06 10:44:31 · 1659 阅读 · 0 评论 -
webpack基础
1、用处官网上是这么说的本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle。我自己的理解是webpack是一个项目打包工具,它可以将我们项目...原创 2019-06-15 11:37:46 · 88 阅读 · 0 评论