那使用 require 或 import 来引入其他 JavaScript 文件,具体到代码
时间: 2024-04-11 16:26:52 浏览: 131
在js文件中引入(调用)另一个js文件的三种方法
5星 · 资源好评率100%
在 `vue.config.js` 中使用 `require` 或 `import` 引入其他 JavaScript 文件的具体示例代码如下:
使用 `require` 引入其他 JavaScript 文件:
```javascript
const path = require('path');
module.exports = {
// 配置选项...
configureWebpack: {
resolve: {
alias: {
'@': path.resolve(__dirname, 'src')
}
},
plugins: [
new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery',
'window.jQuery': 'jquery'
})
],
entry: {
main: './src/main.js',
other: './src/other.js' // 引入的其他 JavaScript 文件
}
}
};
```
使用 `import` 引入其他 JavaScript 文件:
```javascript
const path = require('path');
module.exports = {
// 配置选项...
configureWebpack: {
resolve: {
alias: {
'@': path.resolve(__dirname, 'src')
}
},
plugins: [
new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery',
'window.jQuery': 'jquery'
})
],
entry: {
main: './src/main.js',
other: '@/other.js' // 引入的其他 JavaScript 文件
}
}
};
```
上述示例中使用了 `path` 模块来解析路径,通过 `resolve` 方法获取绝对路径。在 `configureWebpack` 配置中的 `entry` 属性指定了需要引入的其他 JavaScript 文件的路径。
请根据你的项目结构和具体需求修改示例中的路径和文件名。
阅读全文