一般vue项目的根目录下会有src，dist以及index.html等文件和目录，在进行打包的时候，src下的代码会被打包到dist中，但index.html并不会被打包进去，因此需要一个webpack的插件：htmlwebpackplugin；首先得安装该插件，命令： 安装后，需要在webpack ...
分类：
Web程序 时间：
2021-03-30 12:56:14
阅读次数：
0
在上一篇我们讲过，将src打包到dist，使用如下的命令： webpack ./src/main.js ./dist/bundle.js 但一般不会这样做，原因在于太长了，我们希望直接使用webpack来进行打包，这样就得在项目的根录下配置一个webpack.config.js文件，配置内容如下： ...
分类：
Web程序 时间：
2021-03-29 12:23:25
阅读次数：
0
const { resolve } = require("path") const HtmlWebpackPlugin = require('html-webpack-plugin') module.exports = { entry: './src/index.js', output: { fil ...
分类：
Web程序 时间：
2021-03-29 12:08:56
阅读次数：
0
vue+vue-router转场动画的实例代码 Vue+WebPack+HBuilder 项目记录 项目搭建完毕了，但是由于是单页应用嵌入HBuilder的时候无法利用它的转场动画，于是找到了vue的转场动画写法，使体验与APP靠近，在此记录； 1.首先我们要监听路由然后判断其是前进还是后退，来实现 ...
分类：
其他好文 时间：
2021-03-18 14:20:23
阅读次数：
0
前言 Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue 项目性能方面的优 ...
分类：
其他好文 时间：
2021-03-17 14:24:22
阅读次数：
0
首先npm 引入 import AMapLoader from "@amap/amap-jsapi-loader"; 在生命周期里加载实例 data(){ return { amap:{}, // 存放高德地图实例对象 mapObj: {}, // 存放当前绘画出的地图对象 }}mounted() ...
分类：
移动开发 时间：
2021-03-17 14:04:03
阅读次数：
0
react-router: 它通过管理 URL，实现组件的切换和状态的变化，开发复杂的应用几乎肯定会用到。 用法：子路由也可以不写在Router组件里面，单独传入Router组件的routes属性。 组件有一个参数history，它的值hashHistory表示，路由的切换由URL的hash变化决定 ...
分类：
其他好文 时间：
2021-03-17 14:02:24
阅读次数：
0
安装 mini-css-extract-plugin 抽离 css 内容 npm install mini-css-extract-plugin -D 压缩 css 代码 npm install optimize-css-assets-webpack-plugin -D 压缩js npm insta ...
分类：
Web程序 时间：
2021-03-16 14:04:04
阅读次数：
0
react-router：实现了路由的核心功能 react-router-dom：基于react-router，加入了在浏览器运行环境下的一些功能。例如Link组件，会渲染一个a标签。 路由模式分为：BrowserRouter(history)(不带#号)，和HashRouter(带#号)。前者使用 ...
分类：
其他好文 时间：
2021-03-16 13:37:37
阅读次数：
0
1. 打开官方文档 https://router.vuejs.org/zh/installation.html 安装： npm i vue-router -S import Vue from 'vue' import app from './App.vue' // 导入 vue-router imp ...
分类：
Web程序 时间：
2021-03-16 11:52:19
阅读次数：
0
