使用本地引导3与角

我已经创建了一个角2使用Angular cli的应用程序。使用本地引导3与角

在index.html，我指的是引导的CDN 3，它工作正常

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

现在，而不是使用CDN的引导，我想用一个本地副本。所以，我用NPM

npm install [email protected]

安装引导，然后试图提供index.html文件中，这是内部的src引用（平行于node_modules）

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

然而，这不起作用我看到下面的浏览器控制台（当我加载index.html）

有人可以请教如何加载bootstrap本地？

PS：我不想用Bootstrap4，因为它仍然在阿尔法

来源

2017-03-10 swati

你可以添加更多你跟随这个ng2项目，与webpack或systemjs？ – Jai

在你.angular-cli.json文件是脚本，接受一个字符串数组（您的相对路径至您的NPM包）&风格特性

这是你应参考当地的JavaScript和CSS/SCSS /减档。

"styles": [ 
    "styles.css", 
    "../node_modules/bootstrap/dist/css/bootstrap.css", 
    "../node_modules/font-awesome/css/font-awesome.css" 
], 
"scripts": [ 
    "../node_modules/jquery/dist/jquery.js", 
    "../node_modules/bootstrap/dist/js/bootstrap.js" 
],

添加脚本在这里，运行ng serve这些文件时，将在您的index.html文件被创建。

Angular-CLI是构建应用程序的绝佳选择，它只会越来越好。

来源

2017-03-10 12:09:25 shammelburg

你应该css文件复制到本地文件夹，并允许加载它

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

来源

2017-03-10 11:53:48

取出..从href属性值：

href="/node_modules/bootstrap/dist/css/bootstrap.min.css"

另一个建议是采取一看/dist文件夹，如果你有，当webpack捆绑js和css与它的装载机。

如果你看到一个css文件夹，然后你只需要：

href="/css/bootstrap.min.css"

，或者如果在根级别，那么你只要把文件的唯一的名字：

href="/bootstrap.min.css"

来源

2017-03-10 11:54:40 Jai

为什么不负载它与CSS加载器并像其他任何东西捆绑它？

我有四个入口点文件可以完成我所有的捆绑，其中之一称为css-chunk.js。我需要通过webpack css加载器将所有的css文件放在那里。从CSS-chunk.js

线：（ '！！！风格装载机CSS-装载机引导/距离/ CSS/bootstrap.css'）

要求;从webpack.config

装载机：

loaders: [ 
       ..., 
       { 
        test: /\.css$/, 
        loaders: ['to-string-loader', 'css-loader'] 
       }, 
      ],

一切都只是被捆绑起来，你只需要在您的索引页捆CSS文件：

<script src="css.bundle.js"></script>

伟大的作品，我有这种方式部署了一些应用程序。

来源

2017-03-10 12:03:08

使用本地引导3与角

回答

相关问题