mix.scripts 在使用 webpack.mix 编译 js 文件时对 laravel 5.5 不起作用
mix.scripts doesn't work on laravel 5.5 while compiling js files using webpack.mix
我正在使用 Laravel 5.5
,在 webpack.mix
文件中, mix.styles 功能完美运行,我完美地编译了我的 css
文件,但 mix.scripts
没有编译我在文档中发现的 js 文件 mix.babel
它的方法签名与 scripts.mix 相同所以我使用它但没有任何改变
这是我的 webpack.mix.js 文件
let mix = require('laravel-mix');
/*
|--------------------------------------------------------------------------
| Mix Asset Management
|--------------------------------------------------------------------------
|
| Mix provides a clean, fluent API for defining some Webpack build steps
| for your Laravel application. By default, we are compiling the Sass
| file for the application as well as bundling up all the JS files.
|
*/
mix.js('resources/assets/js/app.js', 'public/js')
.sass('resources/assets/sass/app.scss', 'public/css');
mix.styles([
'resources/assets/css/libs/blog-post.css',
'resources/assets/css/libs/bootstrap.css',
'resources/assets/css/libs/font-awesome.css',
'resources/assets/css/libs/metisMenu.css',
'resources/assets/css/libs/sb-admin-2.css',
'resources/assets/css/libs/test.css'
], 'public/css/libs.css');
mix.babel([
'resources/assets/js/libs/jquery.js',
'resources/assets/js/libs/bootstrap.js',
'resources/assets/js/libs/metisMenu.js',
'resources/assets/js/sb-admin-2.js',
'resources/assets/js/libs/scripts.js',
'resources/assets/js/libs/test.js'
], 'public/js/libs.js');
webpack.mix
文件没有问题,mix.babel 完美运行,问题是我使用的是 Ubuntu
,当创建 libs.js
文件时,它是默认情况下只读并且它阻止了编译所以我不得不将它更改为读写 chmod。
我正在使用 Laravel 5.5
,在 webpack.mix
文件中, mix.styles 功能完美运行,我完美地编译了我的 css
文件,但 mix.scripts
没有编译我在文档中发现的 js 文件 mix.babel
它的方法签名与 scripts.mix 相同所以我使用它但没有任何改变
这是我的 webpack.mix.js 文件
let mix = require('laravel-mix');
/*
|--------------------------------------------------------------------------
| Mix Asset Management
|--------------------------------------------------------------------------
|
| Mix provides a clean, fluent API for defining some Webpack build steps
| for your Laravel application. By default, we are compiling the Sass
| file for the application as well as bundling up all the JS files.
|
*/
mix.js('resources/assets/js/app.js', 'public/js')
.sass('resources/assets/sass/app.scss', 'public/css');
mix.styles([
'resources/assets/css/libs/blog-post.css',
'resources/assets/css/libs/bootstrap.css',
'resources/assets/css/libs/font-awesome.css',
'resources/assets/css/libs/metisMenu.css',
'resources/assets/css/libs/sb-admin-2.css',
'resources/assets/css/libs/test.css'
], 'public/css/libs.css');
mix.babel([
'resources/assets/js/libs/jquery.js',
'resources/assets/js/libs/bootstrap.js',
'resources/assets/js/libs/metisMenu.js',
'resources/assets/js/sb-admin-2.js',
'resources/assets/js/libs/scripts.js',
'resources/assets/js/libs/test.js'
], 'public/js/libs.js');
webpack.mix
文件没有问题,mix.babel 完美运行,问题是我使用的是 Ubuntu
,当创建 libs.js
文件时,它是默认情况下只读并且它阻止了编译所以我不得不将它更改为读写 chmod。