随笔分类 - Vue webpack详解
摘要:require.context可用于文件的批量导入,类同于import 引入同一文件夹下多个文件。 const modulesFiles = require.context("./modules", true, /\.js$/); require.context(参数1, 参数2, 参数3) 参数1
阅读全文
摘要:搭建本地服务器 webpack提供了一个可选的本地开发服务器,这个本地服务器基于node.js搭建,内部使用express框架,可以实现我们想要的让浏览器自动刷新显示我们修改后的结果 过它是一个单独的模块,在webpack中使用之前需要先安装它 devserver也是作为webpack中的一个选项,
阅读全文
摘要:plugin(插件) plugin是插件的意思,通常是用于对某个现有的架构进行扩展 webpack中的插件,就是对webpack现有功能的各种扩展,比如打包优化,文件压缩等等 loader和plugin区别 loader主要用于转换某些类型的模块,它是一个转换器 plugin是插件,它是对webpa
阅读全文
摘要:webpack配置vue 我们要使用Vuejs必须对其有依赖 Vuejs的安装,因为在实际项目中也会使用Vue,所以是运行时依赖 但是现在的情况下去写vue的代码打包不会报错,但是游览器编译会报错 主要是因为使用了runtime only版本的vue runtime only版本代码中,不可以有任何
阅读全文
摘要:loader 什么是loader? loader是webpack中一个非常核心的概念 webpack用来做什么呢? 我们主要是用webpack来处理我们写的js代码,并且webpack会自动处理js之间相关的依赖。 但是,在开发中我们不仅仅有基本的js代码处理,我们也需要加载css、图片,也包括一些
阅读全文
摘要:webpack的安装 安装webpack首先需要安装Node.js,Node.js自带了软件包管理工具npm 查看自己的node版本 全局安装webpack 指定版本号(这里我先指定版本号3.6.0,因为vue cli2依赖该版本) 局部安装webpack(后续才需要) save dev`是开发时依
阅读全文