Vue指定不编译的文件夹和favicon.ico

您所在的位置：网站首页 › vuecli3配置文件 › Vue指定不编译的文件夹和favicon.ico

Vue指定不编译的文件夹和favicon.ico

2023-08-14 03:20| 来源: 网络整理| 查看: 265

在Vue3.0中引入public文件夹，不希望被编译的文件都可以放到这个文件夹下，但是在vue2.0中实现类似的功能，需要自己在webpack.prod.conf.js中做一些配置

在这里简单的区分一下Vue2.0中的assets和static的区别

assets:各组件中的依赖项，会被编译

static:不会被编译，原样放到dist文件夹下

言归正传，假设不希望被编译的文件全部放在public下，要修改的地方是webpack.prod.conf.js

// copy custom static assets new CopyWebpackPlugin([ //---static文件夹下的文件也不会被编译 { from: path.resolve(__dirname, '../static'), to: config.build.assetsSubDirectory, ignore: ['.*'] }, { from: path.resolve(__dirname, '../public'), to: path.resolve(__dirname, '../dist'), ignore: ['.*'] }, //---这里还能指定特定文件输出的位置和文件名 { from: path.resolve(__dirname, '../public/strings-en.js'), to: path.resolve(config.build.assetsRoot, 'strings.js'), ignore: ['.*'] } ]) 指定项目的favicon.ico

同样是修改webpack.prod.conf.js

new HtmlWebpackPlugin({ filename: config.build.index, template: 'index.html', favicon: 'favicon.ico', //------favicon的路径 inject: true, minify: { removeComments: true, collapseWhitespace: true, removeAttributeQuotes: true // more options: // https://github.com/kangax/html-minifier#options-quick-reference }, // necessary to consistently work with multiple chunks via CommonsChunkPlugin chunksSortMode: 'dependency' }),

【本文地址】

Vue指定不编译的文件夹和favicon.ico

Vue指定不编译的文件夹和favicon.ico

今日新闻

推荐新闻