[英]Import static .js in Vue-cli + webpack
从一段时间以来,我一直在使用vue-cli,但仍不完全了解文件加载的方式。 从现在开始,我已经阅读了文档和一些博客,并帮助我进行了处理。
我想在组件中导入带有某些常量的静态.js文件。 我不希望在部署时将它们捆绑在一起,这样就可以在需要时直接在服务器中轻松找到和更改它们,而不必重建整个项目。
我试图将它们放在/public/constants/foo.js目录中,并以不同的方式使用绝对路径指向它们
import FOO from '/constants/foo.js'; // Not working
const FOO = require('/constants/foo.js'); // Not working
我该如何实现?
如果我很了解你的项目架构就像
/root
|__/public
| |__/img
| |__/css
| |__/constants
| |__/foo.js
| |__/bar.js
|__/webpack.config.js
在您的webpack.config.js
创建一个新条目,例如
module.exports = {
entry: './public/index.js'
};
然后在您的公共目录中创建一个index.js
文件,并导入foo.js
import foo from './constants/foo';
当然,您的foo.js
应该导出类似
export default function foo() {
//
}
希望对您有帮助。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.