我想在 es6 导入的基础上进行构建,但我被困在第一步:导入本身。我的文件夹结构是这样的:
> start_temlate_2022
> gulp
> config
- path.js
- ftp.js
- plugins.js
> tasks
- copy.js
> src
> files
带有路径的 path.js:
import * as nodePath from "path";
const rootFolder = nodePath.basename(nodePath.resolve());
const buildFolder = rootFolder;
const srcFolder = "./src";
export const path = {
build: {
files: `${buildFolder}` + `/files/`,
},
src: {
files: `${srcFolder}` + `/files/**/*.*`,
},
watch: {},
clean: buildFolder,
buildFolder: buildFolder,
srcFolder: srcFolder,
rootFolder: rootFolder,
ftp: ``
}
gulpfile 本身:
import gulp from `gulp`;
import { path } from "./gulp/config/path";
global.app = {
path: path,
gulp: gulp
}
import { copy } from "./gulp/tasks/copy";
gulp.task(`default`, copy)
好吧,copy.js
export const copy = () => {
return app.gulp.src(app.path.src.files)
.pipe(app.gulp.dest(app.path.build.files))
}
当我运行 gulp 我得到这个错误:
SyntaxError:意外的模板字符串
在 Loader.moduleStrategy (internal/modules/esm/translators.js:145:18)
在异步链接 (internal/modules/esm/module_job.js:64:21)
为什么会发生此错误,我该如何解决?
在你发誓模板字符串,即字符串文字。代替
在
问题是 , 运算符
import
需要一个常规字符串。