在我的Laravel项目中运行npm run prod
时,一直遇到这个奇怪的错误。
92%块资产优化OptimizeCSSAssetsWebPackPluginssSyntaxError:/css/app.css:3032:19:缺少分号
如果我在组件中删除以下导入,似乎可以正常工作:
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
},
},
},
],
},
],
}
检查/css/app.css文件它可能缺少分号