平时 npm run dev 时，如果需要用到 static 静态资源时， 只需要使用 根目录链接就可以，例如
1.png
这样就可以直接 链接到 static 资源了。
可是 到 npm run build 的时候，打包出来 .nuxt -> dist -> client 文件夹不见 static的资源，
可见是没有把资源打包进来。 想了想 nuxt 这么智能，应该不会需要开发者手动去复制粘贴文件，像我们这么懒 肯定不会去复制，而且生产环境 不可能手动去复制粘贴
翻了 nuxt 的文档， nuxt2.0 的 webpack 像是用了 4 版本，webpack 还是可以自定义的。
https://zh.nuxtjs.org/api/configuration-build
看了之前 vue-cli 跑 npm run build 是有把 static 资源打包进来的呀， 所以就想到 在之前做的项目里 找相关配置，果然在目录 build -> webpack.prod.conf.js 里面可以找到
2.png
静态资源 就是用 copy-webpack-plugin 这个插件的来复制，找到这个 文档：https://www.npmjs.com/package/copy-webpack-plugin
对象有两个参数 patterns, options
3.png
改成这样，然后 npm run build 就能将 静态资源内容打包进 dist -> client 文件夹里面了
可是： 新的问题又来了
再次使用 npm run dev
会将 静态资源 static 的内容加载进来，反而把原本 打包压缩的 css 样式覆盖掉了.
得重新找办法
网友评论