随笔分类 - webpack
学习记录
摘要：#安装 webpack ##1、全局安装 npm install -g webpack ##2、创建项目 webpack-demo ##3、初始化项目 在项目根目录下执行： npm init package.json文件作用: 1、可以查看我们在当前项目中都安装了什么 2、我们后期在这个文件中可以配
阅读全文
摘要：#工业化的发展历史 (模块化开发的发展历程) ##1、module var MyModule = { name:"panghu", getName:function(){ }, } ##2、require.js 遵循的规则AMD:AMD是require在定义模块化推广过程中的过规范化产出。 ##3、
阅读全文
摘要：#ES6的Module模块 在ES6中，文件之间的管理也是通过mosule管理的 一种写法： export objNmae //导出 import {objName} from 'path' //导入的时候名称固定 要对应 另一种： export default objName //导出 impor
阅读全文
摘要：#webpack-dev-server 安装的版本问题 webpack-cli 3.x 要使用 webpack-dev-server 2.x webpack-cli 4.x 要使用 webpack-dev-server 3.x
阅读全文
摘要：#可以优化的方面 0、升级服务器 1、开启gzip压缩 服务器端要同步开启 2、第三方插件用cdn引入 （要注意有些项目有可能自身有局限性，限制外网访问） 3、压缩js代码 一般生产模式都会自动压缩的 （但是有可能因为某些插件冲突的原因，没有自动压缩） 4、将css代码拆分独立出来 5、压缩css代
阅读全文
摘要：#文件目录 build.js check-versions.js logo.png vue-loader.conf.js webpack.base.conf.js webpack.dev.conf.js webpack.dll.conf.js webpack.prod.conf.js build.j
阅读全文
摘要：#文件目录 index.js dev.env.js prod.env.js ##index.js 配置注释 "use strict"; // Template version: 1.3.1 // see http://vuejs-templates.github.io/webpack for doc
阅读全文
摘要：webpack性能优化 1、开发环境性能优化 2、生产环境性能优化 ##开发环境性能优化 1、优化打包构建速度 HMR 热模块更新技术 2、优化代码调试 source-map 源代码到构建后代码的构建技术 ##生产环境性能优化 1、优化打包构建速度 oneOf babel缓存 多进程打包 exter
阅读全文
摘要：#webpack 基本配置 和开发模式配置 补充部分 ##功能介绍： js、css、html、代码的压缩 、 js代码的兼容性处理 、 css代码的兼容性处理 提取css生产单独文件 、 eslint 语法检查 重点看 webpack.config.js文件 ##第三方插件版本 cnpm i bab
阅读全文
摘要：#webpack 基本配置 和开发模式配置 ##安装版本 (练习的版本) cnpm i webpack@4.16.5 cnpm i webpack-cli@3.1.0 cnpm i html-webpack-plugin@3.2.0 -d cnpm i css-loader@3.4.2 style-
阅读全文
