在webpack构建打包中一般利用url-loader加载器处理项目小图片资源。他的工作原理就是会根据内容计算出base64流字符串流注入到代码中，但是当我们的项目有很图片数量很多的时候，应该考虑图片体积不能太大。url-loader在webpack.config.js例如module.exports={module:{rules:[test:/\.png$/,use:[{loader:‘url-
分类：
Web程序 时间：
2020-10-26 11:40:31
阅读次数：
37
const IS_PROD = process.env.NODE_ENV 'production' const chains = { // 打包分析 bundleAnalyzer(config) { const BundleAnalyzerPlugin = require('webpack-bund ...
分类：
Web程序 时间：
2020-10-26 10:43:02
阅读次数：
29
为了体验新版webpack5看看有哪些功能的升级或能为我们所用，于是就完全用webpack搭建了一个脚手架前端开发工程项目，然后，在大多数都顺利的前提下，竟然报错了： 执行 npx webpack-dev-server提示：Cannot find module 'webpack-cli/bin/co ...
分类：
Web程序 时间：
2020-10-24 09:46:40
阅读次数：
117
Webpack5的变化 开箱即用webpack serve命令，只需要安装webpack-dev-server就可以直接启用了。 Usage: webpack s | serve Description: Run the webpack Dev Server ...
分类：
Web程序 时间：
2020-10-21 21:06:59
阅读次数：
30
第一步安装npmi-Dserviceworker-webpack-plugin。第二步：编写wepack.config.js如下constpath=require(‘path‘);constExtracTextPlugin=require(‘extract-text-webpack-plugin‘)const{WebPlugin)=require(’web-webpack-plugin’);con
分类：
Web程序 时间：
2020-10-18 16:51:24
阅读次数：
30
13.8 npm(nodejs package manager) 使用命令行安装包: 1. cd切换到项目目录下，执行初始化操作 npm init/npm init -y 2. 安装其他依赖包 npm install jquery npm install jquery@1.11.13 npm ins ...
分类：
Web程序 时间：
2020-10-16 10:45:35
阅读次数：
30
1、抽离第三方包时报错webpack.optimize.CommonsChunkPlugin has been removed, please use config.optimization.splitChunks instead. 2、经查证又是因为版本问题重新编写配置 与 plugins 同级添 ...
分类：
Web程序 时间：
2020-10-14 20:40:45
阅读次数：
45
babel实际是上一JavaScript的编译器，能将ES6代码转换成ES5代码，让我们使用最新语言特性而不必要担心兼容性问题，并且可以通过插件的方式满足需求应用。在编译过程中，会从项目的根目录下的.babelrc文件中读取配置。.babelrc是一个JSON格式文件。例如：{"plugins":[["transform-runtime",{"polyfill":false}]
分类：
Web程序 时间：
2020-10-09 20:49:33
阅读次数：
36
music-manage music-client 先打开manage，执行readme.md读行执行前两行 再打开client，npm install npm run dev 如果vue版本不是2.9.6，是3.x就会npm install 不成功 为了解决这个问题，我先用webpack创建骨架然 ...
分类：
其他好文 时间：
2020-10-07 21:29:25
阅读次数：
24
1. 始vue化项目 https://www.cnblogs.com/xiaonq/p/11027880.html 1 2 3 vue init webpack deaxios # 使用脚手架创建项目 deaxios（项目名，随便取得） cd deaxios # 进入项目 npm install a ...
分类：
移动开发 时间：
2020-10-05 22:27:44
阅读次数：
112
