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

Question

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

我看到的几乎所有在线安装基础都带有 npm 这是首选方式吗？我不反对使用 npm，但是当我运行"npm 运行生产"时，由于字符串文字"'"而失败，因为 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()
            }]
        }]
    }
});
}