摘要：
什么是代码分离 代码分离(Code Splitting)是webpack一个非常重要的特性 他主要的目的是将代码分离到不同的bundle中，之后我们可以按需加载，或者并行加载这些文件 比如默认情况下，所有的JS代码(业务代码，第三方依赖，展示没有用到的模块)在首页全部都加载就会影响首页的加载速度 代 阅读全文
摘要：
当我们实际项目的开发过程中，某些配置文件只是在开发环境中有依赖，并不想让其打包到生产环境中去，那么怎么办呢？ 配置文件的分离 首先我们可以在项目根路径中创建一个config文件夹，并且在文件夹中创建webpack.common.js、webpack.dev.js、webpack.prod.js co 阅读全文
摘要：
resolve模块解析 resolve用于设置模块如何被解析； 在开发中我们会有各种的模块依赖，这些模块可能来源于自己编写的代码，也可能是第三方库 resolve可以帮助我webpack从每个require/import语句中，找到需要引入到合适的模块代码 webpack使用enhanced-res 阅读全文
摘要：
output的publicPath output中的path的作用是告知webpack之后的输出目录 比如静态资源的js\css等输出到哪里，常见的会设置为dist、build文件夹 output中还有一个publicPath属性，该属性是指index.html文件打包引用的一个基本路径 他的默认值 阅读全文
摘要：
问题描述 如果我设置了webpack中devServer的publicPath的值为'/a' 并且vue-router的模式设置为了history 那么当我们运行项目的时候肯定是一堆问题 解决方案： const router = new VueRouter({ mode: 'history', ba 阅读全文
摘要：
当我们每次修改完成源代码之后都需要重新执行npm run build,这样子的开发效率是非常低下的 解决：通过watch监听源代码的变化 方式一：在build脚本的webpack中添加--watch选项 "build": "webpack --watch" 当我们执行npm run build的时候 阅读全文
摘要：
安装vue ，我所安装的版本为2.x npm i vue@2 index.js import Vue from 'vue'; import App from './App.vue'; new Vue({ render: (h) => h(App), }).$mount('#app'); 因为.vue 阅读全文
摘要：
说明：现在eslint已经弃用了eslint-loader,如果要安装来使用的话，会报错，烦死人 大概的报错信息如下： ERROR in ./src/index.jsModule build failed (from ./node_modules/eslint-loader/dist/cjs.js) 阅读全文
摘要：
认识ESLint ESLint是一个静态代码分析工具(在没有任何程序执行的情况下，对代码进行分析) ESLint可以帮助我们在项目中建立统一的团队代码规范，保持正确、统一的代码风格，提高代码的可读性、可维护性 使用ESLint 安装：npm i eslint -D npx eslint --init 阅读全文
摘要：
npx eslint --init 你想使用哪种模式 1.只是对语法进行一个简单的检查 2.检查语法，并且会帮你找到对应的错误 3.检查语法，找到错误，并且还会强制你使用某种代码风格(要求必须符合某一种代码风格) 项目中使用哪种模块化 1.支持esModules 2.支持commonJS 3.以上均 阅读全文