config: wp

Author: lanly-dev

.vscodeignore

@@ -3,10 +3,12 @@
 .vscode
 **/*.map
 demo
+eslint.config.mjs
 jsconfig.json
 lab
 media/res
 media/vscodeignore
+node_modules
 src
 tasks.js
 vsc-extension-quickstart.md

CHANGELOG.md

@@ -16,6 +16,8 @@ Check [Keep a Changelog](http://keepachangelog.com/) for recommendations on how
 - New icon and logo<br>
   <img src='https://github.com/lanly-dev/VSCode-Spectrogram/blob/main/media/vscodeignore/spec.png?raw=true' width='50' title='spec'/>
   <img src='https://github.com/lanly-dev/VSCode-Spectrogram/blob/main/media/spec.png?raw=true' width='55' title='spec3.0'/>
+- webpack 5.97.1 compiled with 1 warning in 3211 ms
+- 28 files, 355.96 KB, 1.96.0
 
 ### Notes
 - Clicking treeview item sometimes triggers playing the song, but due to the [autoplay policy](https://developer.chrome.com/blog/autoplay), most of the time you have to click the play button inside the webview

package.json

@@ -2,19 +2,20 @@
   "name": "spectrogram",
   "displayName": "Spectrogram",
   "description": "Real-time spectrogram",
-  "version": "2.0.0",
+  "version": "3.0.0",
   "publisher": "lanly-dev",
   "engines": {
-    "vscode": "^1.71.0"
+    "vscode": "^1.96.0"
   },
   "categories": [
     "Other"
   ],
   "keywords": [
-    "Audio",
+    "audio",
     "spectrogram",
     "mp3",
-    "flac"
+    "flac",
+    "wav"
   ],
   "icon": "media/spec.png",
   "galleryBanner": {
@@ -111,10 +112,10 @@
     }
   },
   "scripts": {
-    "vscode:prepublish": "npm run package",
+    "vscode:prepublish": "npm run task-clean-output && npm run package",
     "vsce-package": "vsce package",
     "package": "webpack --mode production --devtool hidden-source-map",
-    "wp": "webpack",
+    "wp": "webpack --mode development",
     "wp-watch": "webpack --watch",
     "task-clean-output": "node tasks.js clean",
     "lint": "eslint .",

webpack.config.js

@@ -4,34 +4,37 @@ const TerserPlugin = require('terser-webpack-plugin')
 
 const path = require('path')
 const CODICON_PATH = '@vscode/codicons/dist/'
-const isProduction = process.env.NODE_ENV === 'production'
 
-module.exports = {
-  target: 'node',
-  mode: 'none',
-  devtool: 'inline-cheap-source-map',
-  entry: './src/extension.js',
-  output: {
-    filename: 'extension.js',
-    libraryTarget: 'commonjs2', // important
-    path: path.resolve(__dirname, 'dist')
-  },
-  externals: {
-    vscode: 'commonjs vscode'
-  },
-  plugins: [
-    new CopyWebpackPlugin({
-      patterns: [
-        { from: require.resolve(`${CODICON_PATH}/codicon.css`) },
-        { from: require.resolve(`${CODICON_PATH}/codicon.ttf`) },
-        { from: 'src/controller.js' },
-        { from: 'src/index.pug' },
-        { from: 'src/style.css' }
-      ]
-    })
-  ],
-  optimization: {
-    minimize: isProduction,
-    minimizer: isProduction ? [new TerserPlugin({ extractComments: false }), new CssMinimizerPlugin()] : []
+module.exports = (env, argv) => {
+  const { devtool, mode} = argv
+  console.log('🥼🥼', 'MODE -->', mode, '🥼🥼')
+  return {
+    target: 'node',
+    mode,
+    devtool,
+    entry: './src/extension.js',
+    output: {
+      filename: 'extension.js',
+      libraryTarget: 'commonjs2', // important
+      path: path.resolve(__dirname, 'dist')
+    },
+    externals: {
+      vscode: 'commonjs vscode'
+    },
+    plugins: [
+      new CopyWebpackPlugin({
+        patterns: [
+          { from: require.resolve(`${CODICON_PATH}/codicon.css`) },
+          { from: require.resolve(`${CODICON_PATH}/codicon.ttf`) },
+          { from: 'src/controller.js' },
+          { from: 'src/index.pug' },
+          { from: 'src/style.css' }
+        ]
+      })
+    ],
+    optimization: {
+      minimize: mode === 'production',
+      minimizer: mode === 'production' ? [new TerserPlugin({ extractComments: false }), new CssMinimizerPlugin()] : []
+    }
   }
 }