你应该使用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