观看这篇博文之前,请先了解vue的基础环境搭建,可参考我的上一篇博文windows环境下搭建Java开发环境(五)—— 从node.js安装、npm(cnpm)配置、webpack配置打包、vue-devtools安装到vue脚手架搭建过程 本文主要针对上一篇博文做简要总结,并且手把手教授如何用vu ...
分类:
Web程序 时间:
2020-07-14 00:46:36
阅读次数:
137
webpack 是众所周知很好用的打包工具,在开发 vue 项目时,vue-cli 就集成了 webpack。我们启一个服务:npm run dev然后在浏览器可是使用 http://localhost:8080 访问,但是当我们遇到移动端项目时,需要在手机端访问,所以要把 localhost 换成 ...
分类:
Web程序 时间:
2020-07-13 23:06:21
阅读次数:
117
背景 在Native+H5项目中, 加载H5页面过程中会出现白屏问题. 离线包重在解决建立链接 -> 接受页面/样式/脚本的白屏过程 技术方案 前端 offline_demo_fe 单个前端可使用webpack-plugin对项目进行打包 生成index.json: 表示离线包信息 { "packa ...
分类:
其他好文 时间:
2020-07-13 18:33:58
阅读次数:
85
npm i --save-dev terser-webpack-plugin /config/index.js import TerserPlugin from "terser-webpack-plugin" const config = { mini: { webpackChain(chain, ...
分类:
其他好文 时间:
2020-07-13 18:27:18
阅读次数:
325
1.下载lib-flexible 我使用的是vue-cli+webpack,所以是通过npm来安装的 npm i lib-flexible --save 2.引入lib-flexible 在main.js中引入lib-flexible import 'lib-flexible/flexible' 3 ...
分类:
移动开发 时间:
2020-07-13 15:38:12
阅读次数:
96
P1.课程介绍 视频教程 尚硅谷2020最新版Webpack5实战教程(从入门到精通) https://www.bilibili.com/video/BV1e7411j7T5?p=1 我的代码:https://github.com/K-Artisan/webpack-in-action-note 环 ...
分类:
Web程序 时间:
2020-07-13 11:41:10
阅读次数:
71
前言 在4月21日晚,Vue作者尤雨溪在哔哩哔哩直播分享了Vue.js 3.0 Beta最新进展。 里面尤大大所提到他最近在做的这个小工具 vite ,一个实验性的no build的vue开发服务器。(这个小工具可以支持热更新,且不用预编译) 一丶安装 命令行复制以下 mkdir vue-vite ...
分类:
Web程序 时间:
2020-07-12 12:13:13
阅读次数:
130
webpack 部分相关配置 const path = require('path'); const VueLoaderPlugin = require('vue-loader/lib/plugin'); const HtmlWebpackPlugin = require('html-webpack ...
分类:
其他好文 时间:
2020-07-12 00:54:40
阅读次数:
93
echarts教程 Webpack 是目前比较流行的模块打包工具,你可以在使用 webpack 的项目中轻松的引入和打包 ECharts,这里假设你已经对 webpack 具有一定的了解并且在自己的项目中使用。 cnpm install echarts -S 引入 ECharts 通过 npm 上安 ...
分类:
Web程序 时间:
2020-07-11 22:55:23
阅读次数:
106
mkdir stage && cd stage // 创建项目文件夹进入项目 npm init // 初始化依赖 npm install -S react react-dom // 安装react相关依赖 npm install -D webpack webpack-cli webpack-dev- ...
分类:
Web程序 时间:
2020-07-10 20:59:33
阅读次数:
66