码迷,mamicode.com
首页 > Web开发 > 详细

如何在vue && webpack 项目中的单文件组件中引入css

时间:2017-05-31 19:41:09      阅读:335      评论:0      收藏:0      [点我收藏+]

标签:state   pack   组件   logs   map   maps   如何   ack   影响   

  引入方式很简单,就是在script下使用require()即可。 因为import 是import。。。from 的形式,所以是不需要的。 

<script>
  import {mapState, mapMutations} from "vuex"
  import DetailItem from "@components/detail"
  require(../assets/css/swiper-3.4.1.min.css)

  export default {
    components: {
      DetailItem

  这样的好处在于只在这一个组件中使用,那么就在这一个组件中加载 。

  如果不用这种方式,我们也可以使用在index.html中加载cdn的方式,但是这种方式的缺点是很明显的,在进入首页时,我们并不需要他,但是却阻塞了页面的加载,影响性能。

如何在vue && webpack 项目中的单文件组件中引入css

标签:state   pack   组件   logs   map   maps   如何   ack   影响   

原文地址:http://www.cnblogs.com/zhuzhenwei918/p/6925628.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!