<script/> vs <script></script>与webpack和角
<script/> vs <script></script>与webpack和角
提问于 2016-04-14 13:09:19
在和webpack打了两天的角斗之后，我发现了一种非常奇怪的行为。
在我的html文件中，我已经包含了绑定的JS源代码。
<script src="bundle.js"/>这根本不起作用。在我把线路改为
<script src="bundle.js"></script>突然间一切都好起来了。
使用<script/>样式，浏览器控制台中的html看起来是有线的(使用ie和chrome测试)：
<body ng-app="app">
<h1>Angular + Webpack</h1>
<script src="bundle.js">
<p>{{1+1===2}}</p>
</body> <-- why is this inserted
</html> <-- why is this inserted
</script> <-- where is this comming from
</body>只有<h1>标题在浏览器中可见，其他所有内容都不显示。
我的index.html看起来像这样
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>Angular with Webpack</title>
</head>
<body ng-app="app">
<h1>Angular + Webpack</h1>
<!-- strange behaviour with <script src="bundle.js"/> -->
<script src="bundle.js"></script>
<p>{{1+1===2}}</p>
</body>
</html>The index.js
import angular from 'angular';
var ngModule = angular.module('app', []);和webpack.config.js
module.exports = {
debug: true,
devtool: 'source-map',
context: __dirname + '/app',
entry: './index.js',
output: {
path: __dirname + '/app',
filename: 'bundle.js'
},
module: {
loaders: [
{
test: /\.js$/,
exclude: /node_modules/,
loader: "babel-loader"
}
]
}
};是否有解释为什么<script/>风格不起作用？
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-04-14 13:09:55
允许自动关闭标记，但在HTML中忽略。也就是说，您可以在标记的末尾包含一个/字符，但它没有任何意义。因此
<script .../>完全相同
<script ...>就HTML而言。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/36624134
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号