随笔分类 - webpack
摘要：const { resolve } = require('path') const HtmlWebpackPlugin = require('html-webpack-plugin') const MiniCssExtractPlugin = require('mini-css-extract-pl
阅读全文
摘要：## webpack5_使用webpack编译scss文件为css文件并实现css文件的兼容性和压缩处理 - 现实问题: 为了编写博客园的博客样式, 我写了一个scss文件, 但是因为博客园的样式编辑里只接受css样式, 所以乘此机会顺便复习一下webpack5实现对scss(sass)文件的处理
阅读全文
摘要：错误详情 Unary operator '++' used no-plusplus 当使用++的时候Eslint报错 报错原因 Eslint禁止使用++与--，因为一元运算符会自动插入分号，如果一元运算符前有空格，可能会引发歧义。(但经测试同样情况下没有造成歧义) （详见disallow the u
阅读全文
摘要：报错详情 error Parsing error: 'import' and 'export' may only appear at the top level 报错代码 webpack.config.js global.document.getElementById('btn').addEvent
阅读全文
摘要：报错详情 WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB). This can impact web performance. Assets: images/
阅读全文
摘要：错误详情 在使用babel-loader做js兼容性处理时，下载了如下三个包： "@babel/core": "^7.8.4", "@babel/preset-env": "^7.8.4", "babel-loader": "^8.0.6", webpack.config.js配置如下： { tes
阅读全文
摘要：用途 用于检查自己的js源代码是否符合标准 需要下载的包 npm i eslint@6.8.0 eslint-loader@3.0.3 eslint-config-airbnb-base@14.2.1 eslint-plugin-import@2.22.1 -D package.json配置 "es
阅读全文
摘要：发现问题 当我使用'mini-css-extract-plugin'进行css文件独立打包，使用'url-loader'对css中引用的图片文件等进行打包时，发现:在html中的<img>标签内的图片可以正常显示，但在css中写在background-image中的图片无法正常显示，package.
阅读全文
摘要：错误详情 在html文件中添加<img>标签，并写入src属性后打包报错 ERROR in Error: C:\Users\12203\Desktop\webpack-practice\05_打包图 片资源\src\index .html:97 /******/ if (!scriptUrl) th
阅读全文
摘要：错误详情 ERROR in ./main.js Module build failed (from ./node_modules/babel-loader/lib/index.js): Error: Cannot find module '@babel/core' 报错时的package.json部
阅读全文
摘要：开发依赖版本 "devDependencies": { "css-loader": "^5.0.1", "mini-css-extract-plugin": "^1.3.4", "style-loader": "^2.0.0", "webpack": "^5.17.0", "webpack-cli"
阅读全文
摘要：开发依赖版本 "devDependencies": { "css-loader": "^5.0.1", "mini-css-extract-plugin": "^1.3.4", "style-loader": "^2.0.0", "webpack": "^5.17.0", "webpack-cli"
阅读全文
摘要：错误详情 The 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode' option to 'development' or 'production' to e
阅读全文
摘要：## 错误详情 当调用webpack命令进行打包时，出现如下命令 ERROR in ./main.css (./node_modules/css-loader/dist/cjs.js?minimize!./main.css) Module build failed (from ./node_modu
阅读全文
摘要：解决方法 以管理员身份运行powershell，键入set-executionpolicy remotesigned指令，然后选Y
阅读全文