为什么VUE的路由切换组件的时候css不销毁不是按需加载

html-css014

为什么VUE的路由切换组件的时候css不销毁不是按需加载,第1张

目测你是vue+webpack开发。

你应该使用extract-text-webpack-plugin这个插件来把你的vue里的css提取出来成单独文件。

new ExtractTextPlugin('css/[name].[contenthash:8].css')

但如果你使用vue-cli这应该是已经配置好了的,你可能是在开发模式中,所以没有提取出来,如果打包后可能就会提取出来。

此外,你如果要按需加载,你也要先做到组件按需加载,

如果是在webpack里就是这么写

router.map({

'/async': {

component: function (resolve) {

require(['./MyComponent.vue'], resolve)

}

}

})

详见:http://router.vuejs.org/zh-cn...

同时,你的ExtractTextPlugin

new ExtractTextPlugin('css/[name].[contenthash:8].css', {

allChuck: true

})

1、头部

<!DOCTYPE html>

<html>         

<head>                

 <title>Bootstrap 101 Template</title>  

 <meta name="viewport" content="width=device-width, initial-scale=1.0">

2、link链接入html

<link href="css/bootstrap.min.css" rel="stylesheet">  

<link href="css/bootstrap.css" rel="stylesheet">

3、script的链入

<script src="js/bootstrap.min.js"></script>

里面具体的标签元素很多,讲不清楚,由流动性的框架内包含多个有编号的span框架组成:

<div class="row-fluid"> 

   <div class="row">   

      <div class="span8">...</div>   

      <div class="span4">...</div> 

   </div>   

   <dd class="lead">Bacon ipsum dolor sit amet tri-tip pork loin ball tip frankfurter swine boudin meatloaf shoulder short ribs cow drumstick beef jowl. Meatball chicken sausage tail, kielbasa strip steak turducken venison prosciutto. Chuck filet mignon tri-tip ribeye, flank brisket leberkas. Swine turducken turkey shank, hamburger beef ribs bresaola pastrami venison rump.

   

   <p class="muted">This content is muted</p> 

   <p class="text-warning">This content carries a warning class</p> 

   <p class="text-error">This content carries an error class</p> 

   <p class="text-info">This content carries an info class</p> 

   <p class="text-success">This content carries a success class</p> 

   <p>This content has <em>emphasis</em>, and can be <strong>bold</strong></p>

   </dd>

  </div>

这里有个bootstrap用户手册:可以下载学习,还需要配一个阅读器

chuck-full 的反义词和同义词(近义词):

chockablock(predicate), chock-full, chockful, choke-full, chuck-full, cram full

INDIRECT (VIA full) ->empty

http://antonym.csszh.com/antonyms/chuck-full