Webpack 在Vue.js中加载外部Javascript文件

如何使用VueJs with webpack包含并初始化项目中资产文件夹中的javascript文件

mymain.min.js

Webpack.base.conf

resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src'),
      'sauJs': path.resolve(__dirname, '../src/assets/mymain.min.js'),
    }
  },

---

我还尝试将

添加到我的index.html页面，但是我得到

无法得到/src/assets/mymain.min.js

您误解了resolve的实际功能。这不是将Javascript代码实际捆绑在一起的地方

指定解析别名时，如下所示：

'@': resolve('src'),

它将确保在您使用时：

require('@/test')

它将决心：

require('src/test')

这有助于防止亲属路径遍布各地，您还可以对较长的路径进行别名，以防止重新键入所有类型的路径

你的网页文件应该有一个

条目

属性，指定你的主

未编译

javascript文件

module.exports = {
    entry: './example/main.js',
}

在

main.js

文件中，您可以导入要包含在捆绑包中的javascript文件

main.js

import Vue from 'vue';
// Or:
const vue = require('vue')
// Or(.js extension can be omitted):
import MyFile from './src/MyFile.js'

另一种方法是指定另一个

条目

属性，这是我个人没有做过的

但这超出了这个答案的范围。如果您想了解更多信息，请查阅以下文档：

或者，如果您不想处理复杂的问题，这可以让您的生活更轻松：

或：

---

您误解了resolve的实际功能。这不是将Javascript代码实际捆绑在一起的地方

指定解析别名时，如下所示：

'@': resolve('src'),

它将确保在您使用时：

require('@/test')

它将决心：

require('src/test')

这有助于防止亲属路径遍布各地，您还可以对较长的路径进行别名，以防止重新键入所有类型的路径

你的网页文件应该有一个

条目

属性，指定你的主

未编译

javascript文件

module.exports = {
    entry: './example/main.js',
}

在

main.js

文件中，您可以导入要包含在捆绑包中的javascript文件

main.js

import Vue from 'vue';
// Or:
const vue = require('vue')
// Or(.js extension can be omitted):
import MyFile from './src/MyFile.js'

另一种方法是指定另一个

条目

属性，这是我个人没有做过的

但这超出了这个答案的范围。如果您想了解更多信息，请查阅以下文档：

或者，如果您不想处理复杂的问题，这可以让您的生活更轻松：

或：

---

因此，没有选项可以从

NPM

中提取外部文件，将其本地拉入，将其用作主文件之前的脚本标记，或将其编织到代码中（如果它很小）？Webpack不是用来拉入外部文件的。我相信你可以滥用它来拉入外部文件，但我也相信可能有更好的方法。我曾尝试将其添加到index.html中，但无法获取/src/assets/mymain.min.js我刚才描述的4种方法中，你尝试过哪一种？1。它不是一个npm包，只是我的资产文件夹中的一个js文件。2.把它放在本地？3我在index.html中将其用作脚本标记，但得到的是“无法获取”4。它太大了，无法编织。更新问题。它不是一个npm，而是一个js文件，位于我的项目中的“我的资产”文件夹中，因此没有选项从

npm

中提取外部文件，将其本地拉入，将其用作主文件之前的脚本标记，或将其编织到代码中（如果它很小）？Webpack不是用来拉入外部文件的。我相信你可以滥用它来拉入外部文件，但我也相信可能有更好的方法。我曾尝试将其添加到index.html中，但无法获取/src/assets/mymain.min.js我刚才描述的4种方法中，你尝试过哪一种？1。它不是一个npm包，只是我的资产文件夹中的一个js文件。2.把它放在本地？3我在index.html中将其用作脚本标记，但得到的是“无法获取”4。它太大了，无法编织。更新问题。它不是一个npm，而是一个js文件，位于我的项目中的我的资产文件夹中谢谢，我在main.js文件中使用了const SauJs=require（'./assets/main'）和Vue.use（SauJs）并在.eslintignore中添加了该文件谢谢，我在main.js文件中使用了const SauJs=require（'./assets/main'））和Vue.use（SauJs）并在.eslintinore中添加了该文件