[英]Error when using Extract Text Webpack Plugin
我對前端相當陌生,我一直在努力學習 webpack。 我在使用 Extract-Text-Webpack-Plugin 時遇到了一些我似乎無法弄清楚的問題。 我很感激有關此主題的任何幫助。 此外,歡迎任何建議/提示!
./~/chokidar/lib/fsevents-handler.js 中的警告未找到模塊:錯誤:無法解析 C:\\Git\\JNJ.Web\\src\\JNJ.Web.UI\\client\\node_modules\\chokidar 中的模塊“fsevents” \\lib @ ./~/chokidar/lib/fsevents-handler.js 7:17-36
(webpack)/~/constants-browserify/constants.json 模塊解析失敗:C:\\Users\\christian\\AppData\\Roaming\\npm\\node_modules\\webpack\\node_modules\\constants-browserify\\constants.json 意外令牌(2: 12) 您可能需要一個合適的加載器來處理這種文件類型。 SyntaxError: Unexpected token (2:12) at Parser.pp$4.raise (C:\\Users\\christian\\AppData\\Roaming\\npm\\node_modules\\webpack\\node_modules\\acorn\\dist\\acorn.js:2221:15) at Parser .pp.unexpected (C:\\Users\\christian\\AppData\\Roaming\\npm\\node_modules\\webpack\\node_modules\\acorn\\dist\\acorn.js:603:10) 在 Parser.pp.semicolon (C:\\Users\\christian\\ AppData\\Roaming\\npm\\node_modules\\webpack\\node_modules\\acorn\\dist\\acorn.js:581:61) 在 Parser.pp$1.parseExpressionStatement (C:\\Users\\christian\\AppData\\Roaming\\npm\\node_modules\\webpack\\node_modules \\acorn\\dist\\acorn.js:966:10) 在 Parser.pp$1.parseStatement (C:\\Users\\christian\\AppData\\Roaming\\npm\\node_modules\\webpack\\node_modules\\acorn\\dist\\acorn.js:730: 24) 在 Parser.pp$1.parseBlock (C:\\Users\\christian\\AppData\\Roaming\\npm\\node_modules\\webpack\\node_modules\\acorn\\dist\\acorn.js:981:25) 在 Parser.pp$1.parseStatement (C :\\Users\\christian\\AppData\\Roaming\\npm\\node_modules\\webpack\\node_modules\\acorn\\dist\\acorn.js:709:33) 在 Parser.pp$1.parseTopLevel (C:\\Users\\christian\\AppDa ta\\Roaming\\npm\\node_modules\\webpack\\node_modules\\acorn\\dist\\acorn.js:638:25) 在 Parser.parse (C:\\Users\\christian\\AppData\\Roaming\\npm\\node_modules\\webpack\\node_modules\\acorn\\ dist\\acorn.js:516:17) 在 Object.parse (C:\\Users\\christian\\AppData\\Roaming\\npm\\node_modules\\webpack\\node_modules\\acorn\\dist\\acorn.js:3098:39) @ ./~ /graceful-fs/polyfills.js 2:16-36
{
"name": "OrderEze.CRM",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"start": "",
"watch": "webpack-dev-server webpack.config.js --progress --colors --watch",
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "OrderEze",
"license": "ISC",
"dependencies": {
"babel-core": "6.7.4",
"babel-loader": "6.2.4",
"babel-preset-es2015": "6.6.0",
"babel-preset-react": "6.5.0",
"babel-preset-stage-1": "6.5.0",
"classnames": "2.2.0",
"css-loader": "0.19.0",
"extract-text-webpack-plugin": "0.8.2",
"react": "15.4.1",
"react-dom": "15.4.1",
"style-loader": "0.12.4",
"webpack": "1.12.13"
},
"devDependencies": {
"babel-eslint": "7.0.0",
"eslint": "3.12.2",
"eslint-config-airbnb": "12.0.0",
"eslint-plugin-import": "1.16.0",
"eslint-plugin-jsx-a11y": "2.2.2",
"eslint-plugin-react": "6.3.0",
"stylelint": "7.3.1"
}
}
var aliases = require('./task-ticket/aliases.js');
var path = require('path');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
module.exports = {
devtool: 'cheap-module-eval-source-map',
entry: './task-ticket/index.jsx',
output: {
path: path.join(__dirname, '/build'),
filename: 'bundle.js'
},
module: {
loaders: [{
exclude: /node_modules/,
test: /\.jsx?$/,
loader: 'babel-loader',
query: {
presets: ['es2015', 'react', 'stage-1']
}
},
{
test: /\.css?$/,
loader: ExtractTextPlugin.extract('style-loader', 'css-loader')
}]
},
plugins: [
new ExtractTextPlugin('style.css')
],
node: {
fs: 'empty'
},
resolve: {
root: path.resolve(__dirname),
alias: aliases,
extensions: ['', '.js', '.jsx', '.css']
}
};
在(的WebPack)ERROR /〜/常數-browserify / constants.json [...]
有些使用的是需要一些JSON文件,所以你必須讓模塊.json
您resolve.extensions
。
resolve: {
root: path.resolve(__dirname),
alias: aliases,
extensions: ['', '.js', '.jsx', '.css', '.json']
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.