mmiaoChong的博客

在使用webpack5打包vue的时候报错（[vue-loader] vue-template-compiler must be installed as a peer dependency, or a compatible compiler implementation must be passed via options.）在网上查阅Webpack 默认只会解析[’.js’, ‘.json’, ‘.wasm’]这三种格式的文件，如果想识别vue需要使用extensionsmodule.exports

问题：在项目中的app页面中引入less文件没有设置scoped，在其他页面使用less文件变量发现报错。然后百度在官网看到解决办法作用：可以引入全局变量。第一步：cnpm i style-resources-loader -D第二步：在vue.config.js里面配置 官网案例...

在给vue.config.js配置gzip压缩时出现：Conflict: Multiple assets emit different content to the same filename static/js/.gz1）问题查找：上网查找是版本升级了，当前配置与版本不同// 当前插件版本 "compression-webpack-plugin": "^6.1.1", // 在vue.config.js的配置 config.plugins.push( new C

问题描述：在使用webpack5+three.js写vue3插件时候，在加载hdr环境贴图使用的绝对路径无法正确加载main.js?be46:51335 THREE.RGBELoader Bad File Format: bad initial token // 加载hdr图片失败main.js?be46:65347 SyntaxError: Unexpected token < in JSON at position 0 // 加载模型失败 at JSON.parse (<an

使用webpack5+vue-loader出现vue页面不解析：打印vue页面只是路径{__file: 'src/vue/compass.vue'}__file: "src/vue/compass.vue"[[Prototype]]: Object原因：<font color=#999AAA我在项目中处理了静态文件 // 其他资源 { exclude: /\.(css|js|html|json|less|png|jpg|gif)$/,

项目场景：使用webapck5打包vue3插件引入vue-loader出现Error: [VueLoaderPlugin Error] No matching use for vue-loader is found. Make sure the rule matching .vue files include vue-loader in its use.解决办法：把vue-loader拿到首位就可以解决 module: { rules: [ { tes

使用原生JavaScript+webpack5+vue3做vue3插件测试：使用webapck5插件：一定要查看是不是vue3，如果是vue2会编译器不一样 "vue": "^3.2.8", "vue-loader": "^16.5.0", "webpack": "^5.52.0", "@vue/compiler-sfc": "^3.2.8"webpack.config.js配置vueconst CopyWebpackPlugin = require('co

问题描述：在使用webpack5加载图片出现错误Module parse failed: Unexpected character ' ' (1:0)You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders(Source code om

问题描述：在设置core-js的版本时打包报错ERROR in ./src/index.jsModule build failed (from ../node_modules/_babel-loader@8.2.2@babel-loader/lib/index.js):Error: [BABEL] D:\Webpack\12js的兼容性处理\src\index.js: Unknown option: .useBuiltIns. Check out https://babeljs.io/docs/e

项目场景：在使用webpack5处理图片，默认webpack打包图片可以成功，但是配置url-loader后就会报错问题描述：const { resolve } = require('path')const HtmlWebpackPlugin = require('html-webpack-plugin')module.exports = { entry: './src/index.js', output: { filename: 'built.js', path: r