如何从代码运行“ vue-cli-service build”？

编程问答 2022-08-16

问题描述

您好，我希望使用Gulp编译Vue文件，到目前为止，我已经使用了gulp，webpack和webpack-stream来解决问题，我的Vue编译是通过webpack.config.js进行的，webpack-stream对此非常有用。

但是自从我更新package.json和Vue以依赖vue-cli-service和vue.config.js以来，我必须使用'npm run ... script并运行“ vue-cli-service build”进行编译。 >

我设法使它像这样工作：

在gulpfile.js中

gulp.task('site-js',siteJS);

function siteJS() {
    return gulp.src('src/js/**.js')
        .pipe(plumber())
        .pipe(webpack(webpackConfig))
        .pipe(gulpif(globalVars.productionBuild,uglify()))
        .pipe(gulp.dest(destDir));
}

在package.json中

"scripts": {
    "build-dev": "gulp build-dev","build": "gulp build","css": "gulp css","js": "gulp js","vuejs": "./node_modules/.bin/vue-cli-service build ./src/vue/app.js","dev": "gulp watch",},

当我运行'gulp build'时此方法工作正常，但是它不支持'gulp watch'，因为从gulp watch状态运行.exac（）时会崩溃。

是否可以使用vue-cli-service从代码运行vue构建？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

gulpnpmnpmvue.jswebpackwebpackwebpack