如何与琥珀一起使用Laravel-Mix

嗨,大家好!

我将向您展示如何将laravel-mix包与Amber框架一起使用。

我的目的是将资产文件(如js,css,字体)复制到公共目录。 当我运行`npm run watch`命令并编辑任何资产文件时, laravel-mix 将自动复制文件。

首先,我在配置中删除了webpack文件夹 在根路径中删除了依赖性,并从package.json中删除了依赖项并安装了必需的软件包。

  npm install --save-dev跨环境laravel-mix路径 

安装软件包后,让我们在根目录中创建一个名为webpack.mix.js的文件。

  let mix = require('laravel-mix'); let path = require('path'); 
let folder = [“ css”,“ js”,“ fonts”]; let assetPath =“ src / assets”; let publicPath =“ public”; folders.forEach(function(folder){mix.copyDirectory(path.join( assetPath,文件夹),path.join(publicPath,文件夹)
);});

最后,让我们更改package.json中的脚本块并执行npm run watch

  “ scripts”:{“ dev”:“ npm run development”,“ development”:“跨环境NODE_ENV =开发node_modules / webpack / bin / webpack.js --progress --hide-modules --config = node_modules / laravel -mix / setup / webpack.config.js“,” watch“:” npm run development---watch“}, 

现在,资产文件位于公共目录中!

祝好运。