我是新来的gulp,当我 Build gulp它显示
./src/app/assets/styles/base.scss中的错误模块构建失败:ReferenceError:未定义self
请帮我解决这个问题 .
./src/app/modules/user/verification-forms/verification-form.component.scss中的错误模块构建失败:ReferenceError:在/ home / gv / web-app-client / node_modules / style-loader中未定义self /index.js!/home/gv/web-app-client/node_modules/css-loader/index.js?minimize!/home/gv/web-app-client/node_modules/sass-loader/index.js!/家用/ GV / web应用程序的客户端/ node_modules / postcss装载机/ index.js!/home/gv/web-app-client/src/app/modules/user/verification-forms/verification-form.component.scss :在Object.exe上的Module._compile(module.js:635:30)的99:30(/home/gv/web-app-client/node_modules/webpack/lib/NormalModule.js:94:6) . (编译器中的/home/gv/web-app-client/node_modules/extract-text-webpack-plugin/loader.js:110:21) . (/home/gv/web-app-client/node_modules/webpack/lib/Compiler.js:251:10)/home/gv/web-app-client/node_modules/webpack/lib/Compiler.js:442:编译器下的12(/home/gv/web-app-client/node_modules/webpack/node_modules/tapable/lib/Tapable.js:202:11) . (/home/gv/web-app-client/node_modules/extract-text-webpack-plugin/loader.js:91:4)下一步(/ home / gv / web-app-client / node_modules / webpack / node_modules /在编译器上的tapable / lib / Tapable.js:204:14) . (/home/gv/web-app-client/node_modules/ts-loader/index.js:286:13)
我的webpack.config.js有
const webpack = require('webpack');
const conf = require('./gulp.conf');
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const autoprefixer = require('autoprefixer');
module.exports = {
module: {
loaders: [
{
test: /.json$/,
loaders: [
'json'
]
},
{
test: /\.(css|scss)$/,
loaders: [
'style',
'css',
'sass',
'postcss'
]
},
{
test: /\.ts$/,
exclude: /node_modules/,
loaders: [
'ts'
]
},
{
test: /.html$/,
loaders: [
'html'
]
},
{
test: /\.(jpe?g|png|gif)$/i,
loaders: [
'file?hash=sha512&digest=hex&name=[hash].[ext]',
'image-webpack?bypassOnDebug&optimizationLevel=7&interlaced=false'
]
},
{
test: /\.(ttf|eot|svg|woff(2)?)(\?[a-z0-9=&.]+)?$/,
loaders: [
'file-loader'
]
}
]
},
plugins: [
new webpack.optimize.OccurrenceOrderPlugin(),
new webpack.NoErrorsPlugin(),
new HtmlWebpackPlugin({
template: conf.path.src('index.html')
}),
new webpack.ContextReplacementPlugin(
/angular(\\|\/)core(\\|\/)(esm(\\|\/)src|src)(\\|\/)linker/,
conf.paths.src
)
],
postcss: () => [autoprefixer],
debug: true,
devtool: 'source-map',
output: {
path: path.join(process.cwd(), conf.paths.tmp),
filename: 'index.js'
},
resolve: {
extensions: [
'',
'.webpack.js',
'.web.js',
'.js',
'.ts'
]
},
entry: `./${conf.path.src('index')}`,
ts: {
configFileName: 'tsconfig.json'
},
tslint: {
configuration: require('../tslint.json')
}
};