目前需求是: 在vue项目中,有一个控制打印的样式文件 print.css
,需要被 jquery API 以操作DOM的方式引入到 print.html
文件中(print.html也是jquery生成的)
需求就是上面那样,我是想让我的print.css
能够保持原名,以便于我在jquery中使用。但是不知道如何配置vue-cli,…… 恳请解决过类似问题的兄弟姐妹支援,谢谢!
更新于2021年3月13日 14:02:57
采用copy-webpack-plugin
可以满足要求,如果能够把scss
编译后的css
拷贝到dist就更好了。
const path = require("path");
const CopyPlugin = require("copy-webpack-plugin");
module.exports = {
plugins: [
new CopyPlugin({
patterns: [
{
from: path.resolve(__dirname, 'src', 'template', 'use_iframe_print_style.css').replace(/\\/g, '/')
}
],
}),
],
};
vue-cli 下修改 vue.config.js
,vue本来已经配置了的,用来拷贝public目录下的文件,如果要添加其他目录或文件,采用下面的方法。
const path = require('path')
module.exports = {
chainWebpack(config) {
config.plugin('copy')
.tap(args => {
args[0].push({
from: path.resolve(__dirname, 'src', 'common', 'for_print.css').replace(/\\/g, '/')
})
return args
})
},
}
###你可以放到与src同级的public文件夹里面
###