10 2020 档案

webpack概念相关
摘要：概念 webpack的四个核心概念： entry ：入口，webpack执行构建的第一步将从Entry开始，即一个可执行模块或者库的入口。 output ：输出 Loader ： 模块转换器，用于把模块原内容按照需求转换成新内容。例如把es6转为es5，scss转为css等 Plugin ：扩展插件 阅读全文
posted @ 2020-10-24 22:05 kami233 阅读(62) 评论(0) 推荐(0)
vue-cli4 配置公用scss样式的方法
摘要：这个需要借助 sass-resources-loader工具来实现 npm install sass-resources-loader 在你的css 目录中新建一个scss文件，并且声明一个变量或方法`` $color:red; 然后在项目的根目录下，新建vue.config.js文件，输入以下内容 阅读全文
posted @ 2020-10-23 15:51 kami233 阅读(243) 评论(0) 推荐(0)
vue-cli4的路径别名
摘要：路径别名的设置 在package.json同级目录下，创建vue.config.js文件 const path = require('path') const resolve = dir => path.join(__dirname, dir) module.exports = { chainWeb 阅读全文
posted @ 2020-10-20 11:02 kami233 阅读(92) 评论(0) 推荐(0)
webpack学习03——搭建本地服务器
摘要：webpack-dev-server 实时让浏览器刷新显示修改后的代码运行结果，避免每次都要npm run build 安装 npm install webpack-dev-server --save-dev 配置 devServer:{ contentBase: path.join(__dirna 阅读全文
posted @ 2020-10-11 09:01 kami233 阅读(56) 评论(0) 推荐(0)
webpack学习02——Plungin的使用
摘要：BannerPlugin webpack自带插件，用于为打包文件添加版权声明 在webpack.config.js中 引用webpack const webpack = require('webpack') 使用插件 new webpack.BannerPlugin('最终版权归kami所有') 进 阅读全文
posted @ 2020-10-11 08:59 kami233 阅读(85) 评论(0) 推荐(0)
VSCode生成vue项目模板
摘要：1.新建代码片段 文件-->首选项-->用户代码片段-->点击新建代码片段--取名vue.json 确定 2.删除被注释的提示代码（当然也可以不删除） 3.粘入自己写的.vue模板 这是网上找到的模板 { "Print to console": { "prefix": "vue", "body": 阅读全文
posted @ 2020-10-10 23:22 kami233 阅读(86) 评论(0) 推荐(0)
Vue的使用方法
摘要：安装vue-loader及vue-template-compiler npm install vue-loader vue-template-compiler --save-dev webpack.const.js rules中配置 { test:/\.vue$/ use: ['vue-loader 阅读全文
posted @ 2020-10-10 22:40 kami233 阅读(69) 评论(0) 推荐(0)