- 博客(6)
- 收藏
- 关注
RSS订阅原创 uni-app+ mockjs实现本地数据模拟
最近在开发项目的时候，需要用到mockjs这个包来实现前端本地数据的模拟，下面我就来说一下具体步骤：前言uni-app将自己的配置融合到了vue.config.js中，所以需要自己配置，需要在package.json的同级目录下新建一个vue.config.js；ajax请求的路由，因为这个路由我们希望拿到模拟数据，所以用webpack的devserve来拦截。拦截之后通过mockjs，由它来生成模拟数据，然后返回模拟值。步骤在vue.config.js中加入下面代码：const Mock = r
2020-08-24 14:45:09
10942
7
原创 自定义CLI⼯具
创建⼯程mkdir vue-mini-clicd vue-mini-clinpm init -ynpm i commander download-git-repo ora handlebars figlet clear chalk open在vue-mini-cli文件夹中创建文件夹bin,在bin下创建index.jsbin/index.js#指定脚本解释器为node#!/usr/bin/env nodepackage.json“bin”: {“index”: “./bin/inde
2020-08-21 15:34:49
172
原创 vue-cli配置sass全局变量报错
错误信息：Invalid options object. Sass Loader has been initialized using an options object that does not match the API schema.options has an unknown property ‘prependData’解决方案将vue.config.js的css配置项的prependData 改成 additionalData css: { loaderOptions
2020-08-13 17:41:33
620
原创 webpack入门指南三
HMR:热模块替换不⽀持抽离出的css 我们要使⽤css-loader启动hmrdevServer: {contentBase: “./dist”,open: true,hot:true,//即便HMR不⽣效，浏览器也不⾃动刷新，就开启hotOnlyhotOnly:true},Babel处理ES6Babel在执⾏编译的过程中，会从项⽬根⽬录下的.babelrc JSON⽂件中读取配置。没有该⽂件会从loader的options地⽅读取配置npm i babel-loader @b
2020-07-24 18:10:50
162
原创 webpack入门指南二
零配置是很鸡肋的，webpack有一个默认的配置⽂件，叫webpack.config.js，我们可以对这个文件进⾏个性化配置；如果使⽤默认的配置文件webpack.config.js在这里修改如果不使⽤⾃定义配置⽂件： 自定义webpackconfig.js，可以通过–config webpackconfig.js来指定webpack使⽤哪个配置⽂件来执⾏构建webpack.config.js配置基础结构module.exports = { entry: "./src/index.js", //打包⼊
2020-07-24 17:15:23
199
原创 webpack入门指南（一）
前言在前端工程化的发展中，各种打包工具层出不穷，类似 gulp，rollup，grunt等，然而在spa页面中推荐使用webpack来打包，在小程序这种多页面配置中推荐grunt打包，在简单的页面中推荐用rollup打包；今天我们就来聊一聊webpack；1 什么是webpackWebpack是⼯程化、⾃动化思想在前端开发中的体现;它是⼀个模块打包工具，而所谓的模块：任何一个js，css, html文件都可以看做是一个模块；它会从⼊⼝模块出发，识别出源码中的模块化导⼊语句，递归地找出⼊⼝⽂件的所有依
2020-07-24 15:16:57
219
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人