Node.js暗号でwebpackコンパイルエラーが発生する

Question

Node.js、react、yarn、およびwebpackを使用してアプリケーションを開発しています。これらのテクノロジはあまり経験がありません。

暗号化を使用する必要があり、ビルドインCryptoモジュールを使用しようとしました。私のjsファイルでcrypto = require('crypto');、WebPACKのコンパイルは、次のメッセージで失敗します：問題でも、簡単なコマンドを使用していることである私は、ノード-単純暗号化とSJCLが、常に私のような他の暗号化ライブラリを使用しようとしました

@ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/index.js 

ERROR in ./node_modules/parse-asn1/aesid.json 
Module build failed: SyntaxError: Unexpected token, expected ; (1:25) 

> 1 | {"2.16.840.1.101.3.4.1.1": "aes-128-ecb", 
    |      ^
    2 | "2.16.840.1.101.3.4.1.2": "aes-128-cbc", 
    3 | "2.16.840.1.101.3.4.1.3": "aes-128-ofb", 
    4 | "2.16.840.1.101.3.4.1.4": "aes-128-cfb", 

同じエラーが発生する！

テスト用のjavascriptファイルで同じライブラリを使用してnodejsインタラクティブ環境から実行すると、OKを実行するので、webpack（バージョン3.5.2）の問題である必要があります。

誰も私を助けることができますか？

マイwebpack.config.jsファイル：

const path = require('path'); 
module.exports = { 
    entry: path.resolve(__dirname, 'src', 'index.js'), 
    output: { 
     path: path.resolve(__dirname, 'output'), 
     filename: 'bundle.js', 
     publicPath: '/' 
    }, 
    resolve: { 
     extensions: ['.js', '.jsx'] 
    }, 
    module: { 
     rules: [ 
     { 
      test: /\.js/, 
      use: { 
       loader: 'babel-loader', 
       options: { presets: ['react', 'es2015'] } 
      } 
     }, 
     { 
      test: /\.scss/, 
      use: ['style-loader', 'css-loader', 'sass-loader'] 
     } 
     ] 
    }, 
    devServer: { 
    contentBase: './src', 
    publicPath: '/output', 
    historyApiFallback: true, 
    }, 
    devtool: 'source-map' //Maps source files with bundle.js for debugging in the browser 

}; 

Answer 1

私はこの問題は、バベル/ WebPACKのはJS としてJSONファイルがこれを使ってみていることを扱っているということだと思う最初module.rulesは、キー test: /\.(js)$/,をテストしていますtest: /\.js/,