Geek Answers Handbook

Make webpack use existing source maps

I have a couple of existing .js and related .map.js (originally built by TypeScript).

Now I would like Webpack to "serve" those. I am using this configuration:

 devtool: "source-map", module: { preLoaders: [ {test: /\.js$/, loader: "source-map-loader"} ], loaders: [ {test: /\.js$/, loader: "react-hot"} ] }

I got this configuration from here: Webpack uses the existing source map from the previous build step

But all I get is a lot of warnings (even if I have source-map-loader installed):

 WARNING in ./modules/Component.js.map Module parse failed: /Users/me/project/modules/Component.js.map Unexpected token (1:10) You may need an appropriate loader to handle this file type. SyntaxError: Unexpected token (1:10) at Parser.pp$4.raise (/Users/me/project/node_modules/acorn/dist/acorn.js:2221:15) at Parser.pp.unexpected (/Users/me/project/node_modules/acorn/dist/acorn.js:603:10) at Parser.pp.semicolon (/Users/me/project/node_modules/acorn/dist/acorn.js:581:61) at Parser.pp$1.parseExpressionStatement (/Users/me/project/node_modules/acorn/dist/acorn.js:966:10) at Parser.pp$1.parseStatement (/Users/me/project/node_modules/acorn/dist/acorn.js:730:24) at Parser.pp$1.parseBlock (/Users/me/project/node_modules/acorn/dist/acorn.js:981:25) at Parser.pp$1.parseStatement (/Users/me/project/node_modules/acorn/dist/acorn.js:709:33) at Parser.pp$1.parseTopLevel (/Users/me/project/node_modules/acorn/dist/acorn.js:638:25) at Parser.parse (/Users/me/project/node_modules/acorn/dist/acorn.js:516:17) at Object.parse (/Users/me/project/node_modules/acorn/dist/acorn.js:3098:39) at Parser.parse (/Users/me/project/node_modules/webpack/lib/Parser.js:902:15) at DependenciesBlock.<anonymous> (/Users/me/project/node_modules/webpack/lib/NormalModule.js:104:16) at DependenciesBlock.onModuleBuild (/Users/me/project/node_modules/webpack-core/lib/NormalModuleMixin.js:310:10) at nextLoader (/Users/me/project/node_modules/webpack-core/lib/NormalModuleMixin.js:275:25) at /Users/me/project/node_modules/webpack-core/lib/NormalModuleMixin.js:259:5 at Storage.finished (/Users/me/project/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:38:16) at /Users/me/project/node_modules/graceful-fs/graceful-fs.js:78:16 at FSReqWrap.readFileAfterClose [as oncomplete] (fs.js:445:3) @ ./modules/presentations ^\.\/.*$ [… same warning for each file]
+1
webpack
source share

No one has answered this question yet.

See similar questions:

nine
Webpack uses the existing source map from the previous build phase

or similar:

1203
NPM vs. Bower vs. Browserify vs. Gulp vs. Grunt vs. Webpack
nine
Webpack, less-loader - Unexpected Token - Why?
4
Vue.js 2.0 module assembly error: SyntaxError: Unexpected token using webpack, Elixir and gulp
3
Webpack Error React & ES6 Previously worked under Babelify
2
Webpack Unusual token (React) may require a bootloader - there is already one
2
bulit workflow with webpack and response.when I run npm run dev, an error occurs: parsing error
one
How to use htmlhint-loader with vuejs
one
Error using Extract Text Webpack Plugin
0
Error in Parse module: Unexpected token in Webpack boot device
0
creating vuejs plugin with webpack

More articles:


All Articles