小编pri*_*r35的帖子

如何使Webpack与.hbs文件一起使用?

我正在尝试使用React为Ghost制作主题.我正在使用webpack作为我的构建工具.如何告诉webpack提供特定.hbs文件?现在看来,Webpack只支持.html文件.下面是我的dev的配置... 没有的WebPack通常支持被传递给它的东西吗?

var path = require('path');
var webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
  entry: [
  'webpack-dev-server/client?http://localhost:2368',
    'webpack/hot/only-dev-server',
    './src/router'
  ],
  devtool: 'eval',
  debug: true,
  output: {
    path: path.join(__dirname, 'public'),
    filename: 'bundle.js',
    //publicPath: '/static/'

  },
  resolveLoader: {
    modulesDirectories: ['node_modules']
  },
  plugins: [
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NoErrorsPlugin(),
    new HtmlWebpackPlugin({
      template: './public/default.hbs',
      //hash: true,
      inject: 'body',
      filename: 'default.hbs'
    })

  ],
  resolve: {
    extensions: ['', '.js', '.sass', '.css', '.hbs']
  },
  module: {
    loaders: [
    // js …
Run Code Online (Sandbox Code Playgroud)

javascript ghost-blog webpack

8
推荐指数
1
解决办法
1639
查看次数

下载 Azure 存储容器中的所有 blob

我已经成功编写了一个 python 脚本来列出容器内的所有 blob。

import azure
from azure.storage.blob import BlobService
from azure.storage import *

blob_service = BlobService(account_name='<CONTAINER>', account_key='<ACCOUNT_KEY>')


blobs = []
marker = None
while True:
    batch = blob_service.list_blobs('<CONAINER>', marker=marker)
    blobs.extend(batch)
    if not batch.next_marker:
        break
    marker = batch.next_marker
for blob in blobs:
    print(blob.name)
Run Code Online (Sandbox Code Playgroud)

就像我说的,这只列出了我想要下载的 blob。我已转向 Azure CLI,看看这是否可以帮助我完成我想做的事情。我可以使用以下命令下载单个 blob

azure storage blob download [container]
Run Code Online (Sandbox Code Playgroud)

然后它提示我指定一个可以从 python 脚本中获取的 blob。我必须下载所有这些 blob 的方法是将它们复制并粘贴到上面使用的命令之后的提示中。有没有办法我可以:

A。编写一个 bash 脚本,通过执行命令来迭代 blob 列表,然后在提示符中粘贴下一个 blob 名称。

B.​ 指定在 python 脚本或 Azure CLI 中下载容器。有什么东西我没有看到下载整个容器吗?

python bash containers azure

2
推荐指数
1
解决办法
2万
查看次数

在Flexbox中包含SVG图像

我已经设法在flexbox中创建了分屏布局.

在我的左侧,我设置了一个内部容器来容纳内容.第一部分内容是另一个具有高SVG图像的容器.

我已经概述了容器,以便在下面的实例中更容易看到它们的位置.

两个容器的轮廓为红色(外部)和绿色(内部).我想要完成的是当红色容器的底部撞到绿色容器时,绿色容器在红色内收缩,从而缩小SVG.不确定这是否依赖于内部容器,SVG或两者的属性.

HTML

<main class="row space-between">
  <section class="column w50 vh100 center" style="background: #1e1e1e">
    <div class="column w75 h75 top-center" style="border: 1px solid red">
      <div class="w100 center pt1 pb1" style="border: 1px solid green">
        <div class="phoneContainer center w100 depth-1" style="position: relative; height: 500px">

          <svg class="absolute depth-1" preserveAspectRatio="xMidYMidmeet" width="100%" viewbox="0 0 497 1014" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
            <title>Apple iPhone 6</title>
            <defs></defs>
            <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
              <path id="Apple-iPhone-6" d="M494,290 L495.501424,290 C496.329065,290 497,289.328711 497,288.501847 L497,216.498153 C497,215.670746 496.33497,215 495.501424,215 L494,215 L494,74.9994014 C494,33.5783758 460.420697,0 418.993513,0 …
Run Code Online (Sandbox Code Playgroud)

html css svg flexbox

2
推荐指数
1
解决办法
6457
查看次数

标签 统计

azure ×1

bash ×1

containers ×1

css ×1

flexbox ×1

ghost-blog ×1

html ×1

javascript ×1

python ×1

svg ×1

webpack ×1