前言在 vue 项目中使用了 static 静态资源文件,开发环境下直接访问没什么问题,在编译之后是不存在 static 这个目录下的文件的,所以需要 copy-webpack-plugin 这个插件来实现 static 目录的复制使用方法npm 包地址 CopyWebpackPlugin 安装 npm install copy-webpack-plugin -D or yarn add copy-webpack-plugin -D使用如下// 在 vue.config.js 里 const CopyPlugin = require("copy-webpack-plugin"); module.exports = { plugins: [ new CopyPlugin({ patterns: [ { from: "source", to: "dest" }, { from: "other", to: "public" }, ], }),
在目录下,或者找个目录编写mixin.js文件/** * */ import {cache} from "@/utils/util.js" var setting = cache('setting'); export default { data() { return { } }, onShow: function() { console.log('Page Show') }, methods: { // 图片加载 $img(url, option= {}){ // local if(option.from == 'local'){ return '/static/' + (option.model || 'reception') + '/' + url + '?t=' + (new Date).getTime()
lettered
生,亦我所欲也;义,亦我所欲也。