Sunday 15 July 2018

Am I webpacking my modules incorrectly?

I've been trying to publish modules, and I've even followed some tutorials on how to do it. They publish fine and run fine as ES6 in dev mode, and even when I publish them Webpack'd as ES5, they work fine in dev mode. But when I do a production build of a create-react-app, I get an error:Failed to compile. Failed to minify the code from this file: ./node_modules/MY_MODULE/index.min.js:1:1198 Read more here: http://bit.ly/2tRViJ9 error Command failed with exit code 1. This happens for all of my modules, no matter how simple or complicated they are.Here's my webpack file for the module in question:const path = require('path'); module.exports = { entry: './index.js', mode: 'production', module: { rules: [ { test: /\.js$/, use: { loader: 'babel-loader' } } ] }, output: { filename: 'index.min.js', library: 'MY_MODULE', libraryTarget: 'umd', path: path.resolve(__dirname, '.'), umdNamedDefine: true } }; Here's my minified output, in case anything is glaringly obvious to anyone:!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("react-object-prop",[],t):"object"==typeof exports?exports["react-object-prop"]=t():e["react-object-prop"]=t()}(window,function(){return function(e){var t={};function r(o){if(t[o])return t[o].exports;var n=t[o]={i:o,l:!1,exports:{}};return e[o].call(n.exports,n,n.exports,r),n.l=!0,n.exports}return r.m=e,r.c=t,r.d=function(e,t,o){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(r.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)r.d(o,n,function(t){return e[t]}.bind(null,n));return o},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=0)}([function(e,t){const r=()=>{let e=Object.create(null);return t=>{let r=!1;const o=Object.create(null);for(const[n,u]of Object.entries(t))Object.prototype.hasOwnProperty.call(e,n)&&e[n]===u||(r=!0),o[n]=u;return r&&(e=o),e}};r.default=r,e.exports=r}])}); I've run out of ideas. All help is greatly appreciated.If direct links help, a simple module is react-object-prop and a complex module is react-portfolio. Both give "failed to minify" errors for create-react-app build. Am I just building it incorrectly with libraryTarget: 'umd'? I

Submitted July 15, 2018 at 07:32PM by GAMEchief

No comments:

Post a Comment