1.使用npm下载组件 npm i file-loader -D npm i url-loader -D 2.配置webpack.config.js文件 const { resolve } = require('path'); const HtmlWebpackPlugin = require('h ...
分类:
Web程序 时间:
2021-02-17 15:09:41
阅读次数:
0
不会 webpack 还想学 vue 工程化开发 的福音 熟悉jQuery开发的,学习vue的简单使用是没用啥问题的,但是学习vue的工程化开发方式,往往会遇到各种问题,比如: webpack、node、npm、cnpm、yarn、脚手架、开发环境、测试环境、生产环境、各种安装、各种创建。 好在 v ...
分类:
Web程序 时间:
2021-02-17 15:03:59
阅读次数:
0
https://github.com/webpack/analyse 在命令行中加上 --profile --json > stats.json 运行npm run bundle,会在根目录生成一个json文件,这个文件中包含了此次打包的所有信息 看这个json文件我们肯定看不懂,我们可以用官方推荐 ...
分类:
Web程序 时间:
2021-02-17 14:47:03
阅读次数:
0
恢复内容开始 1. css Less中文网 Less快速入门 webpack打包 2. JavaScript github链接 2.1. 调试 // 在浏览器的控制台打印变量 console.log(num); 2.2. 数据类型 Number // js不区分小数和整数 Number 123 // ...
分类:
其他好文 时间:
2021-02-17 14:06:07
阅读次数:
0
1.vue配置 /** * * 相对于该配置的nginx服务器请参考nginx配置文件 * */ module.exports = { // 基本路径 publicPath: '/', // 输出文件目录 outputDir: 'dist', // webpack-dev-server 相关配置 d ...
分类:
编程语言 时间:
2021-02-08 11:40:26
阅读次数:
0
npm install -g create-react-app npx create-react-app my-app 1.npm run eject 2.html计算 <script> !(function (win, doc) { function setFontSize() { var bas ...
分类:
移动开发 时间:
2021-02-05 10:58:45
阅读次数:
0
路径中“./、../、@”的区别? ./ 相对路径,指当前目录 ../ 相对路径,指当前目录的上一层目录 @ 相对路径,以根目录的方式定义相对路径。vue在webpack.base.conf.js文件中配置根目录: // 连接路径并返回 function resolve(dir) { return ...
分类:
其他好文 时间:
2021-02-01 12:58:10
阅读次数:
0
全局安装3.x版本脚手架:npm install -g @vue/cli 确认安装成功没:vue -V(注意这里是大写的“V”) 全局安装webpack:npm install -g webpack 脚手架安装过程中会问问要不要安装webpack-cli,webpack4开始多了个独立包webpac ...
分类:
其他好文 时间:
2021-01-30 11:46:56
阅读次数:
0
因为项目要求必须在IE11上面运行,经过了多次尝试,特此总结方法 1、 webpack.base.conf.js中 { test: /\.js$/, loader: 'babel-loader', include: [resolve('src'), resolve('test'),resolve(' ...
分类:
其他好文 时间:
2021-01-28 12:02:34
阅读次数:
0
1、什么是WebPack,为什么要使用它 2、webpack中文文档 ...
分类:
Web程序 时间:
2021-01-27 13:30:03
阅读次数:
0