feat: 编写代码并配置 webpack

liuyib · Mar 27, 2020 · fc4c77e · fc4c77e
1 parent cfb20fd
commit fc4c77e
Show file tree

Hide file tree

Showing 5 changed files with 4,810 additions and 26 deletions.
diff --git a/karma.conf.js b/karma.conf.js
@@ -18,13 +18,40 @@ module.exports = function(config) {
 
     // preprocess matching files before serving them to the browser
     // available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
-    preprocessors: {},
+    preprocessors: {
+      // 匹配源文件，并使用 webpack 进行预处理
+      'src/**/*.js': ['webpack'],
+      // 匹配测试文件，并使用 webpack 进行预处理
+      'test/**/*.js': ['webpack']
+    },
 
     // test results reporter to use
     // possible values: 'dots', 'progress'
     // available reporters: https://npmjs.org/browse/keyword/karma-reporter
     reporters: ['progress'],
 
+    webpack: {
+      mode: 'development',
+      module: {
+        rules: [
+          {
+            // 匹配 JavaScript 文件
+            test: /\.js$/,
+            // 排除 node_modules 和 bower_components 目录
+            exclude: /(node_modules|bower_components)/,
+            use: {
+              // 使用的 loader
+              loader: 'babel-loader',
+              // 传递给 babel-loader 的参数
+              options: {
+                presets: ['@babel/preset-env']
+              }
+            }
+          }
+        ]
+      }
+    },
+
     // web server port
     port: 9876,