至于未来会怎么样 反正路还长 天总会亮

Life is a journey, not a destination, care should be the scenery along the way and the mood to see the scenery.

个人博客
  • ...
     前端 浏览(6)  tangzihan ++阅读原文
    esLint基本使用
    1. `npm i eslint eslint-config-standard eslint-plugin-standard eslint-plugin-promise eslint-plugin-import eslint-plugin-node eslint-plugin-html ` 2.新键配置文件`.eslintrc` { "extends": "standa...
  • ...
     前端 浏览(4)  tangzihan ++阅读原文
    Module build failed (from ./node_modules/babel-loader/lib/index.js)
    ![](http://)![](http://www.zihanzy.com/uploads/images/article_con/202008/17/article_con_1597620096_RyWtmmq5ux.png) 解决 npm install -D babel-loader @babel/core @babel/preset-env { "presets":[...
  • ...
     前端 浏览(4)  tangzihan ++阅读原文
    webpack搭建基础vue项目
    新键目录 src APP.vue index.js `npm init -y ` `npm i vue vue-loader vue-template-compiler cross-env css-loader style-loader url-loader file-loader html-webpack-plugin webpack-dev-serv...
  • ...
     前端 浏览(6)  tangzihan ++阅读原文
    vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in your
    解决办法 添加插件 ... const VueLoaderPlugin = require('vue-loader/lib/plugin') plugins:[ new VueLoaderPlugin() ] ...
  • ...
     前端 浏览(2)  tangzihan ++阅读原文
    webpack优化
    noParse oParse作用主要是过滤不需要解析的文件,比如打包的时候依赖了三方库 如 jquyer,而jquery是一个单独的库没有其他依赖,这个时候可以通过配置noParse不去解析文件,提高打包效率 多个用 | 分隔 ... modul...
  • ...
     前端 浏览(4)  tangzihan ++阅读原文
    webpack性能优化之externals 与 DllPlugin
    externals和DllPlugin都是为了分离模块诞生,通过他们可以将一些第三方模块抽离出来,打包的时候不需将某些三方库一起打包如vue、vue-router 这样提高了编译速度,减少了包的大小 利于浏览器的缓存机制,不用每次都...
  • ...
     前端 浏览(2)  tangzihan ++阅读原文
    devServer配置实现跨域
    服务端 const express = require('express'); let server = express(); server.listen(3000); server.get('/api/user',(req,res,next)=>{ res.send('aa'); }) 客户端 let xhr = new XMLHttpRequest(); x...
  • ...
     前端 浏览(3)  tangzihan ++阅读原文
    webpack打包多页应用
    目录结构 │ package.json │ webpack.config.js │ └─src index.html index.js other.html other.js 项目有两个入口文件,对应两个html 我们在webpack.config.js进行如下配置...
  • ...
     前端 浏览(3)  tangzihan ++阅读原文
    Vue监听router实现面包屑导航
    更新面包屑屑导航是在改变路由的时候,因此我们监听路由,当路由改变时更新面包屑导航数组 1.首先我们要配置路由对应的页面标题 如下 { meta:{title:'后台首页'}, component:'index/index' }, { meta:{title:'...
  • ...
     前端 浏览(1)  tangzihan ++阅读原文
    vue-router的二次封装
    本文介绍对vue-router的二次封装通过对vue-router的二次封装,即可实现通过`component`自动生成path和name值,不用频繁的进行重复引用 如下 未封装前 { path:'/login', name:'login', component:()=>import('.....