custom webpack loader

webpack/first/package.json

@@ -5,7 +5,8 @@
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "build": "webpack  --config build/webpack.config.js"
+    "build": "webpack  --config build/webpack.config.js",
+    "dev": "npx wabpack --config webpack.config.js"
   },
   "keywords": [],
   "author": "",
@@ -22,5 +23,8 @@
     "style-loader": "^1.1.2",
     "webpack": "^4.41.5",
     "webpack-cli": "^3.3.10"
+  },
+  "dependencies": {
+    "loader-utils": "^2.0.0"
   }
 }

webpack/first/repalce-loader.js

@@ -0,0 +1,9 @@
+const loaderUtils = require('loader-utils')
+
+module.exports = function(source) {
+    const options = loaderUtils.getOptions(this)
+    console.log('options', options)
+    const result = source.replace('call', options.name)
+    console.log('source', result)
+    return result
+}

webpack/first/src/main.js

@@ -1,4 +1,4 @@
-import './assets/index.css'
-import './assets/index.less'
+// import './assets/index.css'
+// import './assets/index.less'
 
 console.log('call mobar')

webpack/first/webpack.config.js

@@ -0,0 +1,25 @@
+const path = require('path')
+
+module.exports = {
+    mode: 'development',
+    entry: {
+        main: './src/main.js'
+    },
+    output: {
+        filename: '[name].js',
+        path: path.resolve(__dirname, 'dist')
+    },
+    module: {
+        rules: [
+            {
+                test: /\.js$/,
+                use: {
+                    loader: path.resolve(__dirname, './repalce-loader.js'),
+                    options: {
+                        name: 'cccc'
+                    }
+                }
+            }
+        ]
+    }
+}

数据结构和算法/linklist.js

@@ -19,12 +19,12 @@ function reverseList(list) {
     let arr = []
     let head = list
     let temp = head
-    console.log(temp)
+    // console.log(temp)
     while(temp) {
         arr.push(temp.value)
         temp = temp.next
     }
-    console.log(arr)
+    // console.log(arr)
     temp = head
 
     while(temp) {