-
webpack-dev-server的配置,
target指定编译目标是什么平台,web就是跑在浏览器里
查看全部 -
url-loader的options的limit表示如果文件大小小于指定大小时,就转换成base64的编码,name指定输出文件的名字
查看全部 -
url-loader会把图片编译成base64位的二进制,这样可以直接在文件中使用,通过options可以设置一些参数,比如大小
查看全部 -
写好webpack.config.js 之后要下载相关loader依赖包:
npm i url-loader@0.6.2 style-loader@0.19.1 file-loader@1.1.6
查看全部 -
各个安装或引入依赖的包的版本都要和老师的一致:
npm i vue@2.5.13
npm i webpack@3.10.0
npm i vue-loader@0.28.7
npm i vue-template-compiler@2.5.13
npm i css-loader@0.28.7
查看全部 -
图片,字体,css可以在webpack.config.js中加载
查看全部 -
添加规则,用来检验文件类型(以.vue作为文件结尾):test:/.vue$/
配置loader:loader:“vue-loader”
作用:处理文件不兼容es6语法
查看全部 -
启动项目 :npm run build
查看全部 -
在package中添加脚本
"build":"webpack --config webpack.config.js" 指定webpack中的config中的js文件
作用:调用项目里面的局部webpack
查看全部 -
new Vue({ render:(h)=> h(App) }).$mount(root)
依赖文件
$mount(root)
查看全部 -
添加绝对路径:const path = require("path")
入口:enrty
根目录:
path().join(_dirname,)
绝对路径:
path().join(_dirname,"src/index.js"),
出口:output
输出路劲:
path: path.join(_dirname,"dist")
查看全部 -
webpack.config.js是用来打包前端资源的
查看全部 -
vue的组件 :app.vue
查看全部 -
初始化项目:npm init
配置webpack和vue:npm i webpack@3.10.0 vue@2.5.13 vue-loader@13.6.0
安装第三方依赖:npm i css-loader@0.28.7 vue-template-compiler@2.5.13
查看全部 -
extract-text-webpack-plugin@^3.0.2
查看全部
举报