weixin_46144394的博客

vue项目中在开发阶段的时候，调试代码经常会console，但是console数量一但达到一定程度则会影响项目运行速度，这时就需要借助插件来帮助快速删除所有的console代码 插件的官网：https://www.npmjs.com/package/babel-plugin-transform-remove-console 实现步骤 在项目中运行 npm install babel-plugin-transform-remove-console --save-dev 在babel.config.js中设置

通过loader打包非js模块 先了解loader能做点什么事情。 实际开发中，webpack默认只能打包处理.js后缀名结尾的模块，其他非.js结尾的模块无法处理，需要调用loader加载器才可以正常打包，不然会报错 loader加载器可以协助webpack打包处理特定的文件模块，如： less-loader 可以打包处理.less相关的文件 sass-loader可以打包处理.scss相关的文件 url-loader可以打包处理css中与url路径相关的文件 如下图loader的调用过程 打包处理

vue项目中，使用webpack配置进行在localhost下默认进入index.html页面的配置 使用html-webpack-plugin将src的index页面复制到根目录中并可以默认打开 运行npm install html-webpack-plugin -D 命令，安装生产预览页面的插件 修改webpack.config.js文件头部区域，添加如下配置信息： //导入生成预览页面的插件 const HtmlWebpackPlugin = require('html-webpack-plugi

前端工程化介绍 在传统的前端开发中，并没有模块化的开发规范，传统开发面临两个问题： 1、多个js文件存在多个重名的变量存在变量覆盖问题； 2、js文件之间无法实现相互的引用； 通过模块化可以解决上述问题，就是把单独的一个功能封装到一个模块中，模块之间相互隔离，但是可以通过特定的接口公开内部成员，也可以依赖别的模块。 浏览器端模块化规范：AMD和CMD 服务器端模块化规范： CommonJS 模块分为单文件模块与包 模块成员导出：module.exports和exports 模块成员导入：require(‘模

路由重定向很简单，就是指用户在访问地址A的时候，强制用户跳转到B页面，因为我们并不想让用户进入系统就看到白白的毫无功能性的页面，初始定向一般为系统的首页或数据展示部分。 只需通过redirect属性，指定一个新的路由地址即可 var router = new VueRouter({ routes:[ //path表示需要被重定向的原地址，一般为'/'，redirect将要被重定向到的新地址 {path:'/',redirect:'/index'} ] }) ...