我们正在将应用程序从自制的MVC升级到laravel。在该项目中,我们将Gulp用于js文件。在gulp中,我们使用了名为“ gulp-js-import”的扩展名。我们在gulpfile.js中像这样使用它
//
var jsImport = require('gulp-js-import');
gulp.task('js', function() {
return gulp.src('./js/script.js')
.pipe(jsImport({hideConsole: true})) <-- notice jsImport
.pipe(concat('script.min.js'))
// .pipe(uglify())
.pipe(gulp.dest('dist'));
});
因此我们可以在js / script.js文件中使用@import函数,如下所示:
//
@import "../lib/jquery-2.2.0.min.js";
@import "../lib/jquery/easing.min.js";
@import "../lib/wnumb/wnumb.js";
//
所以现在我想在laravel mix中做到这一点,但是我真的不能在laravel mix的文档中找到关于此的任何信息,也许我忽略了它?
我知道在新的EC6中有很多方法可以做到这一点,但是现在这不是一个选择。我们可以讨论很长时间,但是现在请与我一起工作。
所以现在在laravel应用程序中的'webpack.mix.js'中,我有以下内容:
let mix = require('laravel-mix');
mix.js('resources/js/app.js', 'public/js/app.js')
.less('resources/less/_style.less', 'public/css');
从这里我不知道从哪里开始,因为我找不到任何有关它的信息。还是最好先安装gulp并暂时使用它?
编辑: 如果要问很愚蠢的话,请告诉我。据我所知,laravel-mix很有口感,对吧?