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

嗨，大家好！

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

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

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

• 如何升级到Nuxt v2.4
• 在npm责备之前找到自己的安全问题
• 为什么我停止使用npm？
• Implementando中间件和Azure函数
• Travis，NPM，棉绒和GreenKeeper入门-RUN__ON第1部分

  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“}， 

现在，资产文件位于公共目录中！

祝好运。