需要配置一下，才可直接用局域网 IP 访问，方法如下： 给 dev 添加--host 0.0.0.0 属性： "scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js ...
分类：
其他好文 时间：
2021-04-09 13:06:40
阅读次数：
0
2. 客户端项目搭建 2.1 创建项目目录 cd 项目目录[荏苒资讯]vue init webpack renran 例如，我要把项目保存在桌面下 ~/Desktop/renran，可以如下操作： ?cd Desktop/renranvue init webpack renran_pc 打开项目已经 ...
分类：
其他好文 时间：
2021-04-08 12:53:30
阅读次数：
0
vite +vue3 +ts +vscode +volar vite 是一个由原生 ESM 驱动的 Web 开发构建工具。Vite 只是一个打包工具，就像我们常用的 Webpack/Rollup/Parcel 一样， Vue.js 渐进式 JavaScript 框架 Vue 分成 2.0 和3.0 ...
分类：
其他好文 时间：
2021-04-06 14:15:17
阅读次数：
0
loader我的理解是把非js的模块转换成js模块，毕竟浏览器只认识js语言 当处理一种类型模块的时候，多个loader配置时从右向左进行应用 loader使用主要有以下三种方式： module.exports = { module:{ rules:[ { test: /\.less$/, load ...
分类：
Web程序 时间：
2021-03-30 13:52:20
阅读次数：
0
一般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
安装 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
