美文网首页我爱编程
vuejs的.vue文件中的style标签中的css样式,背景图

vuejs的.vue文件中的style标签中的css样式,背景图

作者: blank的小粉er | 来源:发表于2018-05-28 13:31 被阅读0次
1.用了vue-cil,那么在build目录下找到utils.js中的ExtractTextPlugin.extract({}),里面添加下面这个属性就完美解决了publicPath: '../../'
return ExtractTextPlugin.extract({
   use: loaders,
   fallback: 'vue-style-loader',
   publicPath: '../../'
})
2.若在外部引用的ui框架的字体路径不对,那么在webpack.back.conf.js配置 添加 publicPath: process.env.NODE_ENV === 'production' ? '../../' : '/'
     {
        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
        loader: 'url-loader',
        options: {
              limit: 10000,
              name: utils.assetsPath('fonts/[name].[hash:7].[ext]'),
              publicPath: process.env.NODE_ENV === 'production' ? '../../' : '/'
             }
      }

相关文章

  • vuejs的.vue文件中的style标签中的css样式,背景图

    1.用了vue-cil,那么在build目录下找到utils.js中的ExtractTextPlugin.extr...

  • vuejs的.vue文件中的style标签中的css样式,背景图

    在.vue文件中的CSS样式中,使用背景图在webpack打包后,路径不对,怎么办呢? 如果你用了vue-cil,...

  • 修改vant组件样式无法显示的问题

    .vue文件中的style标签内因为scoped的原因,样式只对.vue文件中的template模板标签内的结构有...

  • css杂记

    css的引入方式 嵌入式,内联样式style标签、外部css文件link、在a.css样式中引入b.css的样式:...

  • web前端基础-css,选择器

    CSS css样式编写到head中的style标签里,称为内部样式表 方法一:将样式写入style标签中,,然后通...

  • css基础

    引入css 内联样式,style属性,在HTML标签中写入style=“属性:属性值” 内嵌样式,style标签,...

  • ios -css

    一、CSS样式简介 行内样式:内联样式)直接在标签的style属性中书写 页内样式:在本网页的style标签中书写...

  • 引入css的四种方式

    style属性内联样式 style标签 link标签引入的外部样式 将style写在.css后缀的文件里,用lin...

  • css

    引入css样式的四种方式: 内联样式(style属性) style 标签 外部文件 (CSS link) @imp...

  • vue组件中的样式属性scoped实例

    vue组件中的style标签标有scoped属性时表明style里的css样式只适用于当前组件元素 。接下来通过本...

网友评论

    本文标题:vuejs的.vue文件中的style标签中的css样式,背景图

    本文链接:https://www.haomeiwen.com/subject/ryfgjftx.html