javascript - 导入 Moment.js 使 webpack 构建失败

Question

尝试npm run prod在我的 Laravel 项目中运行时遇到这个奇怪的错误。

92% 块资产优化 OptimizeCssAssetsWebpackPluginCssSyntaxError: /css/app.css:3032:19: Missed semicolon

如果我在我的组件中删除以下导入，它似乎工作正常：

import moment from 'moment';
export default {
    filters: {
        humanTimestamp: function(timestamp) {
            return moment.unix(timestamp).fromNow();
        }
    },

这是我的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')
   .less('resources/assets/less/app.less', 'public/css')
   .less('resources/assets/less/documentation.less', 'public/css').version();

mix.webpackConfig({
    output: {
        filename: '[name].js',
        chunkFilename: 'js/chunks/[contenthash].js',
    },
    resolve: {
        alias: {
            '@': __dirname + '/resources/assets/js/'
        }
    },
});

这是我的webpack.config.js

const VuetifyLoaderPlugin = require('vuetify-loader/lib/plugin');

module.exports = {
    plugins: [
        new VuetifyLoaderPlugin()
    ],
    rules: [
        {
            test: /\.s(c|a)ss$/,
            use: [
                'vue-style-loader',
                'css-loader',
                {
                    loader: 'sass-loader',
                    options: {
                        implementation: require('sass'),
                        sassOptions: {
                            fiber: require('fibers'),
                            indentedSyntax: true // optional
                        },
                    },
                },
            ],
        },
    ],
}

标签： javascriptwebpackmomentjs

Answer 1

我有一个类似的问题。尝试

import * as moment from 'moment';