5

我正在尝试将 ES6 与 webpack 一起使用。它可以用于 javascript 模块导入/导出，但我无法让 raw-loader 工作。

这是我打算在我的源文件中做的事情

import template from './template.html'

template.html 文件中包含原始 HTML。

module.exports = {
  context: __dirname,
  entry: [
    'babel-polyfill',
    './app/app.js',
  ],
  module: {
    preLoaders: [
      {
        test: /\.js$/,
        include: __dirname + '/app/',
        loader: 'eslint-loader',
      },
    ],
    loaders: [
      {
        test: /\.js$/,
        include: __dirname + '/app/',
        loader: 'babel-loader?presets[]=es2015',
      },
      {
        test: /\.html$/,
        include: __dirname + '/app/',
        loader: 'raw-loader',
      },
    ],
  },
  output: {
    path: './build/',
    filename: 'app.js',
  },
};

当我启动 webpack 时，代码是这样生成的：

  module.exports = "module.exports = \"  hello\\n  <div>\\n    <ul>\\n      <li ng-repeat...

它应该只是"hello\n <div>..."应该导出的字符串。

对此有什么帮助吗？我真的不明白该怎么做。

4

1 回答 1

4

使用 raw-loader 导入返回具有默认属性的对象（从 './file' 导入 * 作为模板）。你可以调用它 template.default 来获得你想要的。

这是类似的问题

在这里，您无法一目了然地了解如何更新原始加载程序的代码以按原样使用导入的值。刚刚修补了一段时间

于 2017-03-05T23:22:48.403 回答