运行WebPack时,我将获得以下内容:
/Users/nikos/WebstormProjects/quantumjs/node_modules/schema-utils/dist/validateOptions.js:40
throw new _ValidationError2.default(ajv.errors, name);
^
false
这是我的配置:
var path = require("path");
var webpack = require("webpack");
var WebpackBuildNotifierPlugin = require("webpack-build-notifier");
const ExtractTextPlugin = require("extract-text-webpack-plugin");
const PATHS = {
src: path.join(__dirname, './src'),
build: path.join(__dirname, './build')
};
module.exports = {
entry: {
"app": PATHS.src + '/index.ts'
},
output: {
path: PATHS.build,
filename: '[name].js',
publicPath: '/'
},
devtool: "source-map",
module: {
loaders: [
{
test: /.ts$/,
loader: 'ts-loader'
},
{
test: /.p?css$/,
use: ExtractTextPlugin.extract({
fallbackLoader: "style-loader",
loader: "css-loader?importLoaders=1,url=false!postcss-loader"
})
}
]
},
resolve: {
// you can now require('file') instead of require('file.js')
extensions: ['.ts', '.js','.pcss']
},
plugins: [
new WebpackBuildNotifierPlugin({
title: "My Project Webpack Build"
}),
new ExtractTextPlugin("app.css"),
]
};
extract-text-webpack-plugin
已弃用以下选项:
-
fallbackLoader
现在是fallback
-
loader
必须用use
替换。
来源:https://github.com/webpack-contrib/extract-text-text-webpack-plugin/issues/569#issuecomment-314888881026