一，介绍1. webpack是js 应用程序的静态模块打包器2. loader语法转化 less/sass/stylus转成css， es6转es5，插件的使用3. html/css/js代码压缩合并（打包）4. webpack可以在开发期=期间提供一个开发环境 自动打开浏览器 保存时自动刷新5. ...
分类：
Web程序 时间：
2020-04-12 22:23:44
阅读次数：
81
链式操作 (高级) https://cli.vuejs.org/zh/guide/webpack.html#%E4%BF%AE%E6%94%B9%E6%8F%92%E4%BB%B6%E9%80%89%E9%A1%B9 https://github.com/Yatoo2018/webpack-chai ...
分类：
Web程序 时间：
2020-04-12 16:07:55
阅读次数：
81
路由懒加载 当打包构建应用时，Javascript 包会变得非常大，影响页面加载速度。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。 结合 Vue 的异步组件和 Webpack 的代码分割功能，轻松实现路由组件的懒加载。如： 1 const ...
分类：
其他好文 时间：
2020-04-12 14:10:06
阅读次数：
73
{ "dependencies": { "vue": "^2.5.10", "vue-i18n": "^7.8.0" }, "devDependencies": { "@vue/cli-service": "^3.0.1", "compression-webpack-plugin": "^3.1.0 ...
分类：
移动开发 时间：
2020-04-12 07:45:23
阅读次数：
664
为什么要前端模块化 变量重名 index.html里a.js和c.js的顺序不同，结果就不同 匿名函数(闭包)解决重名问题 这又会导致一个问题：外界不能访问a.js的share变量了 解决办法 这就是模块化的思想(导出导入模块)，现在衍生出好多模块化规范，我们不需要自己这样写了 常见的模块化规范(导 ...
分类：
Web程序 时间：
2020-04-12 00:02:13
阅读次数：
103
差不多每次安装软件都是一个波折的过程，这次webpack的安装也不例外，安装成功之后立马来记录解决错误的方法，以备不时之需 前提条件 webpack是依赖于node安装的，所以在安装前要确保自己是否安装了node.js，在命令行运行 如果情况如下就是安装了node.js，如果没有安装请参考 "nod ...
分类：
Web程序 时间：
2020-04-10 13:34:30
阅读次数：
295
1、node安装 node -v 查看安装的node版本 2、vue-cli 全局安装 命令行执行 : npm install -g vue-cli // 加-g安装到全局 安装完成以后 可以输入命令 ：vue 回车，可以看到针对vue的命令行； 3、初始化项目 执行命令： vue init web ...
分类：
其他好文 时间：
2020-04-10 11:53:07
阅读次数：
50
const path = require('path'); const Webpack = require('webpack'); const HtmlWebpackPlugin = require('html-webpack-plugin'); const ManifestPlugin = req ...
分类：
Web程序 时间：
2020-04-09 16:45:18
阅读次数：
97
1.安装插件 "devDependencies": { "html-webpack-plugin": "^4.0.4", "webpack": "^4.42.1", "webpack-cli": "^3.3.11", "webpack-dev-server": "^3.10.3" } 2.配置 项目 ...
分类：
其他好文 时间：
2020-04-06 13:41:03
阅读次数：
77
虽然设置过淘宝镜像npm install-g cnpm --registry=https://registry.npm.taobao.org 但是通过vue init webpack projectName新建项目是和淘宝镜像没关系的，因为vue-cli 用的是 npm 源，所以只要设置 npm 源 ...
分类：
其他好文 时间：
2020-04-06 09:34:47
阅读次数：
244
