source-map

19/src/js/print.js

@@ -1,5 +1,5 @@
 console.log('加载了print.js')
 function print(){
-    console.log('hello chuck122')
+    console.log('hello chuck122')()  //错误代码
 }
 export default print;

19/webpack.config.js

@@ -66,11 +66,26 @@ module.exports = {
     target: "web",    //可以解决browserslist 导致 webpack-dev-server 的自动刷新失效
     /**
      * source-map: 外部
+     *      提示错误代码，提示源代码位置。
      * inline-source-map: 内联
+     *      提示错误代码，提示源代码位置。
      * hidden-source-map: 外部
+     *      提示到错误代码，错误原因，不能追踪到源代码错误，只是构建后。
      * eval-source-map: 内联
+     *      提示错误代码，提示源代码位置。
      * nosources-source-map: 外部
+     *      提示错误代码，没有任何源代码信息。
      * cheap-source-map: 外部
+     *      提示一整行错误带，提示源代码位置。
      * cheap-module-source-map: 外部
+     *      提示错误代码，提示源代码位置。module会将loader的source map加入。
+     * 
+     * 开发环境：速度快，调试更友好--eval-source-map
+     *      eval inline cheap
+     * 生产环境：隐藏源代码
+     *      内联：会让代码体积变大，不考虑。
+     *      mosources 、 source-map 、hidden
      */
+    devtool:'hidden-source-map'
+
 }

README.md

@@ -24,6 +24,7 @@ npx webpack serve
 * 17：优化配置
 * 18：HMR:hot module replacement 热模块替换
 * 19：source map 一种提供源代码到构建映射技术
+* 20: oneOf 
 
 ## 关于
 用于学习webpack配置，包括css、less、图片资源、其他资源、开发环境等配置。