Javascript Can';不要将引导与Web包一起使用
使用Express、Webpack和Bootstrap。我正在为样式表使用Javascript Can';不要将引导与Web包一起使用,javascript,node.js,express,webpack,css-loader,Javascript,Node.js,Express,Webpack,Css Loader,使用Express、Webpack和Bootstrap。我正在为样式表使用css加载程序。 这是我的webpack.config.js: const path = require("path"); config = { "entry": "./modules/entry.js", "output": { "path": path.resolve(__dirname, "public"), "filename": "bundle.js" }
css加载程序。
这是我的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上使用引导类(或glyphicons)没有任何作用。在webpack中使用引导时,请尝试此方法
在webpack中使用引导时,请尝试此方法
require('bootstrap')
仅在您的情况下导入javascript,要导入CSS,您需要使用require('bootstrap/dist/CSS/bootstrap.min.CSS')
,或者在使用非编译引导版本的情况下,您需要更多的加载程序
您可以在官方文档页面找到更多信息和配置示例,require('bootstrap')
将只在您的情况下导入javascript,要导入CSS,您需要使用require('bootstrap/dist/CSS/bootstrap.min.CSS')
,或者在使用未编译的引导版本的情况下,您需要更多加载程序
您可以在官方文档页面上找到更多信息和配置示例