摘要：
1.render的使用 定义html模板组件 var 组件名称 ={ template:'<p></p>' } 定义render var vm = new Vue({ el:'#app' render:c=>c(组件名称) }) 引入到render内的组件会替换掉el中指定的标签 2.与compon 阅读全文
posted @ 2020-02-13 14:07
程序员徐小白
阅读(72)
评论(0)
推荐(0)
摘要：
需要安装vue-loader npm i vue-loader vue-template-complier -D 然后在配置文件中新增匹配规则 {test:/\.vue$/,use:'vue-loader'} 1. 定义.vue文件 <template> <!--这里定义html模板--> </te 阅读全文
posted @ 2020-02-13 13:55
程序员徐小白
阅读(151)
评论(0)
推荐(0)
摘要：
webpage只能处理一部分ES6的新语法，更高级的语法不能处理，需要借助第三方loader将高级语法转换为低级语法 大部分时候用不上，但是如果需要在比较低级的浏览器运行时，就需要使用 babel@7.X 1.安装babel相关的包 第一套包 cnpm install babel-core babe 阅读全文
posted @ 2020-02-13 12:43
程序员徐小白
阅读(81)
评论(0)
推荐(0)
摘要：
使用url-loader的原因：webpack无法处理url地址 1.处理图片url 安装第三方插件 安装命令 npm i url-loader file-loader -D url-loader内部依赖file-loader 配置webpack.config.js 在module.exports中 阅读全文
posted @ 2020-02-13 12:31
程序员徐小白
阅读(335)
评论(0)
推荐(0)
摘要：
1.webpack处理第三方文件的过程 当发现不是js文件，会先去配置文件找有没有对应的第三方loader规则 如果找到对应的规则就会调用相应的loader处理这种文件，如果没有，就会报错 调用loader的顺序是从后往前 当最后一个loader处理完毕后，会将结果直接交给webpack进行打包 2 阅读全文
posted @ 2020-02-13 12:23
程序员徐小白
阅读(78)
评论(0)
推荐(0)
摘要：
1.html-webpack-plugin插件的作用 将物理磁盘中的html放入到内存中 可以直接访问内存的html和js文件 html文件会自动引用内存中的js文件 对一个html文件和js文件单独修改完毕后，还要用webpack打包 2.安装 npm install html-webpack-p 阅读全文
posted @ 2020-02-13 12:15
程序员徐小白
阅读(93)
评论(0)
推荐(0)
摘要：
1.基本命令：webpack-dev-server 加在package.json中scripts对象中 "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "dev": "webpack-dev-server ！！！ 阅读全文
posted @ 2020-02-13 12:03
程序员徐小白
阅读(300)
评论(0)
推荐(0)
摘要：
1.webpack-dev-server自动打包工具 用于开发时，需要频繁的修改js文件，修改完成后仍需要用webpack打包 强制要在本地项目安装webpack和webpack-cli npm install webpack wepack-cli -D 安装webpack-dev-server 安 阅读全文
posted @ 2020-02-13 11:52
程序员徐小白
阅读(262)
评论(0)
推荐(0)
摘要：
1.webpack配置文件（webpack.config.js） 通过配置文件向外暴露一个配置对象 const path=require('path') module.exports={ //入口,要打包的文件 //要打包的文件不存在，会报错 //约定，默认的打包文件入口是src->index.js 阅读全文
posted @ 2020-02-13 11:34
程序员徐小白
阅读(174)
评论(0)
推荐(0)
摘要：
1.使用webpack的原因 常见的网页引用的静态文件 1）js（.js .jsx .coffee .ts） 2）css（.css .less .sass .scss） 3）images（.jpg .png .gif .bmp .svg） 4）字体文件（.svg .ttf .eot .woff .w 阅读全文
posted @ 2020-02-13 11:27
程序员徐小白
阅读(85)
评论(0)
推荐(0)
浙公网安备 33010602011771号