Question

我需要使用webpack将一些javascript文件导入为纯文本。

所有文件都有特定的扩展名：.mytype.js。

我使用以下方法为这些文件创建了一个加载器：

module.loaders = [{
  test: /\.mytype.js?$/,
  exclude: /(node_modules|bower_components|public\/)/,
  loader: "mytype-loader"
}, ....]

我已经注册了一个别名来解析我自己的装载程序

resolveLoader : {
  alias : {
    'mytype-loader' : path.resolve(__dirname, 'myloader.js')  
  }
}

目前myloader.js看起来像这样：

module.exports = source => {
  console.log(source)
  return(source)
}

对于我的开发服务器，我有以下设置：

   devServer: {

  watchOptions : {

    // I THOUGHT THIS WOULD STOP HOTLOAD CODE BEING ADDED??!
    ignored : path.resolve(__dirname, 'mytypeFiles')
  },

  contentBase: CONTENT_BASE,
  noInfo: true,
  hot: true,
  inline: true,

  port: PORT,
  headers : { 'Access-Control-Allow-Origin' : 'http://localhost:8888'},
  host: HOST
  },

我的所有扩展名为.mytype.js的文件都在mytypeFiles目录中。问题是当我运行这个时，我从加载器console.log

获得以下输出

'use-strict';

function run(args, resources, meta) {
     // a bunch of my code

}
;

var _temp = function () {
    if (typeof __REACT_HOT_LOADER__ === 'undefined') {
            return;
    }

    __REACT_HOT_LOADER__.register(run, 'run', 'D:/manatee-latest/manatee/src/bandicoot/resource-api/bandicoot-functions/run.bandicoot.js');
}();

然而use-strict;并且附加了第一个函数定义（我的）之后的所有内容。如何阻止这个热门加载程序代码成为pre＆amp;后固定到我的来源？

提前致谢！

使用webpack dev服务器运行--hot忽略某些.js文件

0 个答案: