Webpack中的sourceMap配置

---------------------------------------webpack.config.js----------------------------------------------------------
module.exports = {

    mode:'development',

     // 開發環境 development
     // devtool:'cheap-module-eval-source-map',

    // 生產環境 production
    // devtool:'cheap-module-source-map',


    devtool:'cheap-module-eval-source-map',
    entry: {
        main: './src/index.js'
    },
    output: {
        filename: '[name].js',
        path: path.resolve(__dirname,'dist')
    },
    plugins:[new HtmlWebpackPlugin({
        template:'src/index.html'
    }),new CleanWebpackPlugin(['dist'])],
    module: {
        rules: [
            {
                test: /\.jpg$/,   //這個配置是重點
                use: {
                    loader:"file-loader",
                    options:{
                        name:'[name].[ext]',  //打包出來的圖片名字和后綴都和之前的一樣，
                        outputPath:"images/" //打包出來的文件存放在dist/images文件夾中
                    }
                }
            },

        ]
    }
};
------------------注釋--------------------------

• eval：使用 eval 方式可大幅提高持續構建效率

• source-map： 產生.map文件

• cheap： 使用 cheap 模式可以大幅提高 souremap 生成的效率。大部分情況我們調試並不關心列信息，而且就算 sourcemap 沒有列，有些瀏覽器引擎（例如 v8） 也會給出列信息 （如報錯信息只用給出在哪一行就可以，需要給出第幾列錯誤）

• module： 包含loader的sourcemap（

• inline： 將.map作為DataURI嵌入，不單獨生成.map文件（這個配置項比較少見）