登录社区云，与社区用户共同成长
邀请您加入社区
outputDirassetsDirindexPath必须填module.exports = {publicPath: process.env.NODE_ENV === 'production' ? './' : '/',outputDir: "dist",assetsDir:"static",indexPath:'index....
个人小站点：https://sundjly.github.io/在vue的项目中出现了以下错误：Error in mounted hook: "TypeError: __WEBPACK_IMPORTED_MODULE_0__assets_swiper_js__.default is not a constructor"TypeError: __WEBPACK_IMPORTED_MODU...
一、分析为什么将vue打包后的文件放到二级目录页面会是空白？首先，假设这样一个情景，我们想www.domain.com/yunnan二级目录来访问我们的页面。然后，在没有做任何配置下，打包的文件扔到yunnan下；此时目录结构如下：/www|-----/yunnan |-----assets |-----index.html我们页...
用vue-cli搭建好vue项目之后，进入正式开发过程，有时候会发现各种import路径中都存在长串的重复路径，比如：import 'src/assets/styles/reset.css'import 'src/assets/styles/border.css'为了方便维护，可以打开build文件下的webpack.base.conf.js文件，在module.exports中找到resolv.
vue-cli3 没有webpack.config.js文件，想配置插件找不到地方，解决方案如下：第一步安装cnpm i babel-plugin-transform-remove-strict-mode -D第二步配置在babel.config.js文件中配置module.exports = {presets: ['@vue/app'...
提取css到build/css目录下：mini-css-extract-plugin插件压缩css:optimize-css-assets-webpack-plugin’插件const MiniCssExtractPlugin = require("mini-css-extract-plugin");//提取css
修改vue项目根目录下的 build/webpack.prod.conf.js文件1、js文件：由output: {path: config.build.assetsRoot,filename: utils.assetsPath('js/[name].[chunkhash].js'),chunkFilename: utils.assetsPath('js/[id...
出现这个错误原因可能是有很多，但该错误并不会打印出错误的堆栈信息。[webpack-cli] Compilation finishedassets by status 15 bytes [cached] 1 asset./temp.js 14 bytes [built] [code generated]1 ERROR in child compilationswebpack 5.10.2 comp
一开始以为是OptimizeCssAssetsWebpackPlugin插件没有使用，然后查看了plugins已经使用了OptimizeCssAssetsWebpackPlugin。啊？这啥情况？最后找到了皮蛋很白大佬的webpack二刷之五、生产环境优化（5.提取压缩CSS）文章，写的也很清楚，原来是：webpack官方文档介绍时并不是将 「OptimizeCssAssetsWebpackPlu
地址栏加#号问题：Vue-router 中有hash模式和history模式，vue的路由默认是hash模式，一般开发的单页应用的URL都会带有#号的hash模式第一步在router/index.js下增加mode:'hidtory',然后再config/index.js下修改assetsPublicPath: './'为assetsPublicPath: '/'；如图：...
当你遇到代码发布服务器时打包需要改很多配置，但是发布完后，你本地需要调试时，跑不起来的情况吧。问题有可能在这里第一步：找到build下的webpack.dev.conf.js第二步：查找关键字“publicPath”第三步：不论你是"./"还是"/" , 请替换成 config.dev.assetsPublicPath这样就可以了然后，你要问了，你那我再次发布怎么办？你可真是个小机灵鬼。你可是程序
vue跨域问题，修改代理后仍出现404首先确认安装了axios，安装方法：cnpm install axios -S或者不用镜像npminstall axiosdev: {// PathsassetsSubDirectory: 'static',assetsPublicPath: '/',proxyTable: {'/api': {target: 'http://...
前置期望：多入口起点，多个HTML，每个HTML配置一个入口起点初始出错的webpack关键配置信息module.exports = {mode: 'development',entry: {entry1: './src/entry1/index.ts',entry2: './src/entry2/index.ts'},output: {filename: '[name].bundle.js',c
百度了很多次 大多数都要让运行命令 npm install babel-plugin-transform-vue-jsx --save-dev可是对我来说还是不行 所以就有了一下方法原本的文件名 .babelrc{"presets": [["env", {"modules": false,"targets": {"browsers": ["> 1%", "last 2 versions",
背景一般情况下，我们借用 vue-cli之力安装好所有依赖后，我们就可以愉快的板砖了。但是也经常会遇到一写问题，比如assetsSubDirectory 和 assetsPublicPath两个兄弟有时候把我搞得死去活来的，下午刚好有点空，我就去好好修理了他俩一会儿（其实是被修理）。经过无数次的，config/index.js 里面的 build配置，然后无数次的 npm run build ..
vue中使用require(path)报错let path = "@/assets/imgs/cloud/Directory.svg"require("@/assets/imgs/cloud/Directory.svg") // 直接应用不会报错require(path) // 使用变量报错，路径未找到原因：webpack本身是一个预编译的打包工具，无法预测未知变量路径 不能...
项目目前用的是路由懒加载的模式，在每一次刷新都会重新加载很多js文件，由于路由都没有自定义webpackChunkName，所以就是默认的11(数字).js这种。打包后默认是chunk-xxx.js一种方法是移除prefetch，此插件是用来告诉浏览器在页面加载完成后，利用空闲时间提前获取用户未来可能会访问的内容。具体内容指路官网：https://cli.vuejs.org/zh/guide/ht
使用vue-cli生产打包，把代码放到服务器上访问的时候，不少同学会看到页面一片空白，打开控制台，会发现是某些资源文件找不到，如图：其实这里是因为vue-cli的webpack打包配置静态文件访问路径不对，配置文件路径如图：在这个文件下面找到生产(build)配置：要解决静态文件访问路径问题只需要修改配置中的assetsPublicPath字段即可。如果你的服务器静态文...
整个文件目录：在webpack.config.js中需要配置以下代码：module: {loaders: [{test: /\.js$/,loader: 'babel-loader',option: {'presets': [latest],
解决 Multiple chunks emit assets to the same filename 错误问题描述：webpack打包多文件入口时，出现错误ERROR in chunk module [entry]./js/build.jsConflict: Multiple chunks emit assets to the same filename ./js/build.js (chunk
一、路由懒加载（必须的）️vue-cli 3.0 模式就使用了Babel，我们需要添加syntax-dynamic-import插件，才能使 Babel 可以正确地解析语法。// 安装插件 syntax-dynamic-importcnpm install --save-dev @babel/plugin-syntax-dynamic-import// 修改babel.config.jsmodul
之前使用都是没有问题啊,为什么有问题呢?去查资料 很快找到了解决办法background: url('./src/assets/theme/logo_blue.png') no-repeat center center;改为background: url('~@/assets/theme/logo_blue.png') no-repeat center center;那...
outputDirType: stringDefault: dist作用：设置项目打包生成的文件的存储目录，可以是静态路径也可以是相对路径。注意：相对路径是相对于项目文件当前的根路径。写法：module.exports = {publicPath: './', // 基本路径outputDir: 'dist', // 输出文件目录}...
预览功能报错：[webpack-cli] SyntaxError: Unexpected end of JSON input
