开发完成，构建项目，生成dist文件夹，打包内容在vue3及以上版本，需要在根目录新建vue.config.js，添加下面配置module.exports={/**区分打包环境和开发环境*process.env.NODE_ENV==='production'（打包环境）*process.env.NODE_ENV==='development'（开发环境）*baseUrl:process.env.NODE_ENV==='production'?"https://cdn.didabisai.com/front/":'front/',*///项目部署的基本路径//我们假设默认情况下，您的应用程序将部署在域名的根目录下，//例如https://www.my-app.com///如果您的应用程序部署在子路径中，则需要//指定这里的子路径。例如，将您的应用程序部署在//https://www.foobar.com/my-app///然后将此值更改为'/my-app/'publicPath:"./",//构建到哪里thefileoutputDir:"dist",//静态资源放在哪里(js/css/img/font/...)//保存时是否使用'eslint-loader'检查//有效值：true|假|'error'//当设置为'error'时，检测到的错误将触发编译失败lintOnSave:true,//使用浏览器内编译器进行完整构建//https://vuejs.org/v2/guide/installation.html#Runtime-Compiler-vs-Runtime-onlyruntimeCompiler:false,//babel-loader默认会跳过`node_modules`依赖。//这个选项可以用来显示一个依赖transpileDependencies:[/*stringorregex*/],//生产环境构建是否生成sourceMap？productionSourceMap:false,//调整内部webpack配置。//参见https://github.com/vuejs/vue-cli/blob/dev/docs/webpack.mdchainWebpack:()=>{},configureWebpack:()=>{},//CSS相关选项css:{//将组件内部的css提取到单独的css文件（仅在生产环境中使用）//也可以是传递给extract-text-webpack-plugin的选项对象extract:true,//allowCSSsourcemaps?sourceMap:false,//传递自定义选项ns到预处理器加载程序。例如将选项传递给//sass-loader，使用{sass:{...}}loaderOptions:{},//为所有css/预处理器文件启用CSS模块。//这个选项不影响*.vue文件。requireModuleExtension:false},//在生产构建中为babel和TS使用线程加载器//如果机器有超过1个内核，则默认启用parallel:require("os").cpus().length>1,//PWA插件相关配置//参见https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-pwapwa:{},//配置webpack-dev-server行为devServer:{open:process.platform==="darwin",disableHostCheck:false,host:"127.0.0.1",port:8000,https:false,hotOnly:false,//参见https://github.com/vuejs/vue-cli/blob/dev/docs/cli-service.md#configuring-proxyproxy:null//string|Object//before:app=>{}},//第三方插件配置pluginOptions:{//...}};然后使用终端命令执行npmrunbuildnpmrunbuild这个命令相当于：vue-cli-servicebuild//我在win10下执行这个命令报错//commodnotfoundifnotadded在vue.config之后。js被打包，访问首页，可能会导致css等资源文件无法加载。404异常出现“Failedtoloadresource:net::ERR_FILE_NOT_FOUND”错误注意：baseUrl和css.modules已经被deprecated，我上面的配置文件已经改了
