如何让一个样式文件保持原始名称

juedui0769
  • 92

目前需求是: 在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
      })
  },
}
回复
阅读 275
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏