React-Cesium webpack配置加载程序问题

时间:2018-03-11 21:24:06

标签: reactjs webpack config loader cesium

我很擅长使用Webpack配置并尝试将React-Cesium合并到我的项目中。我跟随Github说明安装React-Cesium并遇到此错误: enter image description here

在添加文档告诉我的内容之后,这是我的webpack.config.js文件:

'use strict';

const UglifyJSPlugin = require('uglifyjs-webpack-plugin');

module.exports = {
  module: {
    externals: {
      cesium: "Cesium"
    },
    output: {
       publicPath: "/"
         // ...
    },
    alias: {
      cesiumSource: "cesium",
      cesium: "cesium/Cesium"
    },
    rules: [
      {
        test: /\.pug$/,
        use: [
          'pug-loader?self'
        ]
      },
      {
        test: /\.css$/,
        use: [
          'style-loader',
          'css-loader'
        ]
      },

    ]
  },
  plugins: [
    new UglifyJSPlugin()
    new CopyPlugin([
     {
       from: `node_modules/cesium/Build/Cesium${prod ? "" : "Unminified"}`,
       to: "cesium"
     }
   ]),
   new HtmlIncludeAssetsPlugin({
     append: false,
     assets: [
       "cesium/Widgets/widgets.css",
       "cesium/Cesium.js"
     ]
   }),
   new webpack.DefinePlugin({
     "process.env": {
       NODE_ENV: JSON.stringify(opts && prod ? "production" : "development"),
       CESIUM_BASE_URL: JSON.stringify("/cesium")
     }
   })

 }
  ],

};

文档有点含糊不清,我不确定是什么错。文档说要安装 npm i html-include-assets-plugin --save-dev 。该命令不起作用,我在尝试安装时遇到404错误。

这是导致加载程序错误的原因吗?如果没有,那么是什么?

0 个答案:

没有答案