小编Vey*_*Vey的帖子

我正在尝试配置webpack，以便它解析我的文件index.html（最好是使用HTMLWebpack插件），以便将所有包含的图像（例如<object data="images/test.svg">）移动到我的输出文件夹中，而文件夹路径保持不变。最终，运行webpack-dev-server应该呈现一个显示我的图像的页面。

这个问题有些相关，但与我自己的问题不太匹配。

我试图做的是：

从配置文件中可以看到，我尝试使用html-loader。没有exclude: /index\.html$/它会给我一个错误。我的猜测是HTMLWebpack插件和html-loader不相处。排除index.html不利于html-loader的目的。文件加载器无法识别并未包含的图像require(image)。

当前正在发生的事情：一切运行正常，但是没有images文件夹，也没有任何图像/dist/。

我目前的webpack.config.js

var HtmlWebpackPlugin = require('html-webpack-plugin');
var HTMLWebpackPluginConfig = new HtmlWebpackPlugin({
  template: __dirname + '/app/index.html',
  filename: 'index.html',
  inject: 'body'
});

module.exports = {
  entry: './app/index.js',

  output: {
    path: __dirname + '/dist',
    publicPath: '/dist',
    filename: 'index_bundle.js'
  },

  module: {
    loaders: [
    { test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader'},
    { test: /\.svg$/, loader: 'file-loader' },
    { test: /\.html$/, exclude: /index\.html$/, loader: 'html-loader'} …

这些要求来自DOT语言规范,更确切地说,我正在尝试解析[ID]属性,例如,

任何双引号字符串("...")可能包含转义引号(\")1;

以下应该是一个最小的例子.

{-# LANGUAGE OverloadedStrings #-}
module Main where

import           Text.Megaparsec
import           Text.Megaparsec.Char
import           Data.Void
import           Data.Char
import           Data.Text               hiding ( map
                                        , all
                                        , concat
                                        )

type Parser = Parsec Void Text

escape :: Parser String
escape = do
    d <- char '\\'
    c <- oneOf ['\\', '\"', '0', 'n', 'r', 'v', 't', 'b', 'f']
    return [d, c]

nonEscape :: Parser Char
nonEscape = noneOf ['\\', '\"', '\0', '\n', '\r', '\v', '\t', '\b', '\f'] …

我有一个<img>在鼠标滚轮滚动时放大的，通过调整transform: scale(). 我希望缩放就像在谷歌地图中一样，你可以缩放到鼠标光标所在的位置，而不是图像的中心。不过，我不想使用画布，只是为了学习体验（这也是我发现的其他问题没有真正帮助的原因）。

我设置了一个JSFiddle来演示这个问题。我的思考过程如下：当放大 10% 时，图像从图像中心向各个方向扩展 10%。这意味着，例如，左右边缘将在每个方向上移动原始宽度的 5%。因此，我尝试像这样解决问题：

1. 计算鼠标与图像中心的偏移
2. 通过将鼠标偏移与缩放系数相乘并除以二来计算新的图像偏移（顶部和左侧）
3. 应用抵消并看着它用一百万个燃烧的太阳的力量把它炸毁我的脸

似乎我只是找不到适合的公式或算法。