个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
我的目录结构如下。
/public
(git-ignored files)
/src
index.js
/views
index.pug
server.js
webpack.config.js
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link href="/public/style.css" rel="stylesheet" />
script.
var LANGUAGES = '#{languages}';
</head>
<body>
<div id="body"></div>
<script type="text/javascript" src="/public/bundle.js"></script>
</body>
</html>
这里的关键是#{languages}直接被server.js使用。
...
app.use('/public', express.static(__dirname + '/public'));
app.set('view engine', 'pug');
app.set('views', './views');
app.get('*', function(req, res, next) {
const cookieLanguage = req.cookies[key];
const languages = cookieLanguage
? cookieLanguage
: req.headers['accept-language'];
res.render('index', { languages });
});
...
这意味着index.pug应该是.pug，而不是.html，并且在./views server.js 直接使用的目录。 (languages 值可以根据请求 header 值更改，如上所示。)AFAIK、pug-html-loader 和 pug-loader将 .pug 文件转换为静态 .html 文件。
到目前为止，我一直在使用静态 style.css 和 bundle.js 文件名，它工作没有任何问题，但现在我想要我的 index.pug 文件以具有散列的源文件名。有点像
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link href="/public/main.cdd8fd4b583e80bf95fc.css" rel="stylesheet" />
script.
var LANGUAGES = '#{languages}';
</head>
<body>
<div id="body"></div>
<script type="text/javascript" src="/public/main.cdd8fd4b583e80bf95fc.js"></script>
</body>
</html>
我已经可以通过 webpack.config.js 创建那些哈希文件名。
...
(somewhere)
new ExtractTextPlugin({
filename: '[name].[hash].css'
})
...
(somewhere)
output: {
path: path.join(__dirname, 'public'),
filename: '[name].[hash].js',
publicPath: '/public/'
},
...
我看到 html-webpack-plugin 使用 .html 扩展名执行此操作，但我找不到使用 .pug< 执行此操作的示例 输出。有什么建议或解决方法吗？
最佳答案
我最近写了一个 webpack 插件，我认为它可以解决你的问题。它创建一个 .pug 文件，其中包含脚本标签列表，包括哈希包名称。
只需将它包含在您的 index.pug 中:
包含你的路径/dist/pug-manifest.pug
关于javascript - 如何使用 Webpack 2.0 创建带有散列资源名称的 pug 文件？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44235762/
24
4
0
有人告诉我，如果我只有一个“东西”，比如家(不是多个家)，我应该在 routes.rb 中使用资源 :home，而不是资源 :home。但是当我查看路由时，POST 函数似乎想要 home#creat
Activity 开始。这些代码框架顺利通过。 // Initialize array adapters. One for already paired devices and //
资源 search-hadoop.com search-hadoop.com索引所有邮件列表，非常适合历史搜索。当你遇到问题时首先在这里搜索，因为很可能有人已经遇到了你的问题。 邮件列表 在A
我是 WPF 的新手，正在努力使用位于单独程序集中的样式。这就是我正在做的:- 我有一个带有\Themes 文件夹的类库项目，其中包含一个“generic.xaml”，它合并了\Themes 内的子文
我正在编写一个使用虚拟树状文件结构的插件。基本上它就像一个包含文件的标准文件系统，区别在于这些文件实际上并不存在于文件系统中的特定位置，而只是 java 对象。 这些当前由使用 SettingProv
如果我在 XAML 中使用以下内容，我会收到错误消息: 错
我正在使用 laravel 资源来获取 api 的数据: return [ 'id' => $this->id, 'unread' =>
我有以下 pom.xml: 4.0.0 mycompany resource-fail 0.0.1-SNAPSHOT BazBat
许多GDI +类都实现IDisposable，但是我不确定何时应该调用Dispose。对于使用new或静态方法(例如Graphics.CreateGraphics)创建的实例来说，这很明显。但是，由属
我正在构建一组 RESTful 资源，其工作方式如下:(我将使用“people”作为示例): 获取/people/{key} - 返回一个人对象 (JSON) GET/people?first_nam
已关闭。此问题不符合Stack Overflow guidelines 。目前不接受答案。 要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于 Stack Overflow 来说是偏离主题的，因为
我有一个使用 $resource 的简单 Controller : var Regions = $resource('mocks/regions.json'); $scope.regions =
在 Azure 门户中，如何查看不同资源之间的依赖关系。我特别想查看哪些资源正在使用我要删除的存储。 最佳答案 您可以使用应用程序洞察应用程序 map 来执行此操作: 您还可以打开存储帐户的日志记录:
我正在使用 ionic 生成资源(图标和启动画面)。我正在使用 ionic v2.1.0 和 cordova v6.4.0。 到目前为止我一直在使用(它在以前的版本中工作): cordova plat
是否可以使用 Assets 包含子文件夹中的文件？ 示例:[base_url]/assets/css/pepper-grinder/jquery-ui-1.8.11.custom.min.css 最佳
我正在阅读一些尝试教授 Android 开发的书。在书中，作者概述了 res/下的一些目录。他提到 res/menu 包含基于 XML 的菜单规范。他还提到了保存“通用文件”的 res/raw。当我创
关闭。这个问题是opinion-based 。目前不接受答案。 想要改进这个问题吗？更新问题，以便 editing this post 可以用事实和引文来回答它。 . 已关闭 9 年前。 Improv
我在服务器上使用 express-resource。在我的 AngularJS Controller 中: var User = $resource('/services/users/:use
因此，每当我运行我的应用程序时，它都会立即崩溃并给出以下错误: No package identifier when getting value for resource number 0x00000
对于我正在创建的(网络)应用程序，我需要使用基本身份验证在我的 UIWebView 中加载页面。 现在设置我使用的授权 header : NSString *result = [NSString st
我是一名优秀的程序员,十分优秀！