Better resolution

Author: brianjhanson

src/web/assets/vue/webpack.config.js

@@ -1,11 +1,13 @@
 /* jshint esversion: 6 */
 /* globals module, require, __dirname */
 const path = require('path');
+const pkgDir = require('pkg-dir');
 const {getConfig} = require('@craftcms/webpack');
 const MergeIntoSingleFilePlugin = require('webpack-merge-and-include-globally');
 
-// Resolve dist files directly to bypass Node's strict package exports enforcement
-const nm = path.join(__dirname, '..', '..', '..', '..', 'node_modules');
+// Resolve a file inside a package, bypassing strict package exports.
+const resolve = (pkg, file) =>
+  path.join(pkgDir.sync(path.dirname(require.resolve(pkg))), file);
 
 module.exports = getConfig({
   context: __dirname,
@@ -14,10 +16,10 @@ module.exports = getConfig({
       new MergeIntoSingleFilePlugin({
         files: {
           'vue.js': [
-            path.join(nm, 'vue', 'dist', 'vue.min.js'),
-            path.join(nm, 'vue-router', 'dist', 'vue-router.min.js'),
-            path.join(nm, 'vuex', 'dist', 'vuex.min.js'),
-            path.join(nm, 'vue-autosuggest', 'dist', 'vue-autosuggest.js'),
+            resolve('vue', 'dist/vue.min.js'),
+            resolve('vue-router', 'dist/vue-router.min.js'),
+            resolve('vuex', 'dist/vuex.min.js'),
+            resolve('vue-autosuggest', 'dist/vue-autosuggest.js'),
           ],
         },
       }),