问答

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

作者:admin 2021-04-17 我要评论

目前需求是: 在vue项目中,有一个控制打印的样式文件 print.css ,需要被 jquery API 以操作DOM的方式引入到 print.html 文件中(print.html也是jquery生成的)...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

目前需求是: 在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文件夹里面

###

自定义生成的 CSS Modules 模块的类名

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • nginx响应速度很慢

    nginx响应速度很慢

  • 点击选中的多选框,会在已选那一栏显示

    点击选中的多选框,会在已选那一栏显示

  • PHP 多态的理解

    PHP 多态的理解

  • 关于C语言中static的问题

    关于C语言中static的问题

腾讯云代理商
海外云服务器