Map files packaged with js in webpack (detailed tutorial)

Below I will share with you a detailed explanation of the map file after webpack packages js. It has a good reference value and I hope it will be helpful to everyone.

A map file similar to this

is automatically generated by webpack

Parameters:

devtool: '#eval-source-map',//Map js to the original file

Because the packaged js cannot be debugged aspect, so applying this, it is still very useful to automatically map the error report to the original file

The same css settings are as follows

{
 test: /\.css$/,
 loader: 'style-loader!css-loader?sourceMap'
}

The above is what I compiled For everyone, I hope it will be helpful to everyone in the future.

Related articles:

How to use index to add a class to the first item in v-for through Vuejs and the specific steps?

How to check the first one by default in the v-for loop checkbox through vue?

How to implement value-passing and URL encoding conversion in JS forms?

The above is the detailed content of Map files packaged with js in webpack (detailed tutorial). For more information, please follow other related articles on the PHP Chinese website!