Question

使用Express，Webpack和Bootstrap。我使用css-loader作为样式表。这是我的webpack.config.js：

const path = require("path");

config = {
    "entry": "./modules/entry.js",
    "output": {
        "path": path.resolve(__dirname, "public"),
        "filename": "bundle.js"
    },
    "module": {
        "rules": [
            { "test": /\.css$/, "use": "css-loader"}
        ]
    }
}

module.exports = config

Entry.js只需要样式表：

require("bootstrap")
require("glyphicons")

我将所有这些文件放在我使用app.use(express.static("public"))

提供的公共文件夹中

在我的index.html中，我有一个脚本标记：

<script src="./public/bundle.js" type="text/javascript">

在我的html上使用bootstrap类（或glyphicons）什么都不做。

Answer 1

尝试使用bootpack和webpack

https://github.com/shakacode/bootstrap-loader

Answer 2

require('bootstrap')只会在你的情况下导入javascript，导入你需要使用require('bootstrap/dist/css/bootstrap.min.css')的CSS，或者如果使用非编译的bootstrap版本，你需要更多的加载器。

您可以在官方文档页面here

找到更多信息和配置示例

不能在webpack中使用bootstrap

2 个答案: