Laravel 5.4添加zurb基础6.3.0使用作曲家

Question

运行作曲家之后需要zurb/foundation我如何参考我的供应商目录中的基础文件@import foundation总是说找不到文件并且看起来不像laravel mix可以选择包含elixir在之前版本中使用的路径。

几乎所有我在网上看到的安装基础与npm是首选的方式？我没有反对使用npm，但是当我运行“npm run production”时，由于字符串文字“`”而失败，因为uglifyJs不支持ES6。我正在尝试作曲家版本，因为我相信它已经编译了js，所以我不必为了让它在生产环境中运行而做任何事情。

Answer 1

我能够自己找到这个问题的答案。您必须将基础文件复制到适当的资源/资产文件夹，然后从那里引用它们。我将第三个参数设置为false，因为默认情况下会折叠文件。

.copy('vendor/zurb/foundation/js', 'resources/assets/js/foundation', false) .copy('vendor/zurb/foundation', 'resources/assets/sass/foundation', false)

然后引用的基础文件，像这样的SCSS：@import ./foundation/scss/foundation;

Answer 2

我居然能得到基础与NPM包工作。通过添加webpackConfig，它可以排除基础文件夹在生产中被忽略。

if (mix.inProduction()) { 
mix.webpackConfig({ 
    output: { 
     chunkFilename: 'js/chunk-[id]-[chunkhash].js' 
    }, 
    module: { 
     rules: [{ 
      test: /\.jsx?$/, 
      exclude: /node_modules(?!\/foundation-sites)|bower_components/, 
      use: [{ 
       loader: 'babel-loader', 
       options: Config.babel() 
      }] 
     }] 
    } 
}); 
}