文章分类 - vue
前端
摘要：webpack提供了一个可选的本地开发服务器 需要安装，命令如下： npm install --save-dev webpack-dev-server@2.9.1 配置 webpack.config.js 文件
阅读全文
摘要：loader主要用于转换某些类型的模块，它是一个转换器 plugin是插件，它是对webpack本身的扩展，是一个扩展器 plugin的使用过程： 步骤一：通过npm安装需要使用的plugins(某些webpack已经内置的插件不需要安装) 步骤二：在webpack.config.js中的plugi
阅读全文
摘要：后续我们的实际项目中，也会用到 vue，所以并不是开发时候的依赖 安装命令 npm install vue --save 中间是杠杠奥 之后 还需要配置 webpack.config.js 文件 因为，Vue有runtime-only和runtime-compiler 的区别，我们需要的是 runt
阅读全文
摘要：我们现在 打包的时候，仅仅可以引用js文件 假如，我现在引用的是css文件，该怎么一起打包呢 ？？？ 这时候，就需要 引入loader了 步骤一：通过npm安装需要使用的loader 步骤二：在webpack.config.js中的modules关键字下进行配置 大部分loader我们都可以在web
阅读全文
摘要：上一篇 我们用到webpack的打包命令是：webpack src/main.js dist/bundle.js 如果每次使用webpack的命令都需要写上入口和出口作为参数 就非常麻烦，所以现在解决的是 上面的问题 创建一个webpack.config.js文件 安装局部webpack的时候到了
阅读全文
摘要：上图 我引用了两个js文件，也就是说，我现在只要将main.js 打包成一个js文件，就可以自动引入了其他js文件 好，那我们就开始打包 首先 cd到vue项目对应的目录 然后 webpack src/main.js dist/bundle.js 此时 项目中的dist目录就会自动生成一个bundl
阅读全文
摘要：首先要有node环境 注意：此处安装的是全局的 webpack 但是在我们项目开发的时候，为什么还需要安装局部的呢？？？？ 因为在终端直接执行webpack命令，使用的全局安装的webpack 当在package.json中定义了scripts时，其中包含了webpack命令，那么使用的是局部web
阅读全文
摘要：导出 var name = '小明' var age = 18 var flag = true function sum(num1, num2) { return num1 + num2 } if (flag) { console.log(sum(20, 30)); } // 1.导出方式一: ex
阅读全文
摘要：父 访问 子 子 访问 父
阅读全文
摘要：父传子 通过props 使用组件 cpn 父传子中的驼峰标识 子传父 通过 发射事件: 自定义事件 页面展示：
阅读全文
浙公网安备 33010602011771号