使用提取文本网页包插件时出错

Question

我对前端相当陌生，我一直在努力学习webpack。我遇到了一些问题，当使用提取文本Webpack插件，我似乎无法解决。我将感谢任何关于这个话题的帮助。此外，欢迎任何建议/提示！

警告/~/chokidar/lib/fsevents处理程序。未找到js模块：错误：无法解析C:\Git\JNJ中的模块“fsevents”。Web\src\JNJ。网状物UI\client\node\u modules\chokidar\lib@/~/chokidar/lib/fsevents处理程序。js 7:17-36

（网页包）/~/constants browserify/constants中出错。json模块解析失败：C:\Users\christian\AppData\Roaming\npm\node\u modules\webpack\node\u modules\constants browserify\constants。json意外标记（2:12）您可能需要适当的加载程序来处理此文件类型。SyntaxError:语法分析器处出现意外标记（2:12）。pp$4。在解析器中提升（C:\Users\christian\AppData\Roaming\npm\node\u modules\webpack\node\u modules\acorn\dist\acorn.js:2221:15）。解析程序中的pp.unexpected（C:\Users\christian\AppData\Roaming\npm\node\u modules\webpack\node\u modules\acorn\dist\acorn.js:603:10）。分号（C:\Users\christian\AppData\Roaming\npm\node\u modules\webpack\node\u modules\acorn\dist\acorn.js:581:61）。pp$1。parseExpressionStatement（C:\Users\christian\AppData\Roaming\npm\node\u modules\webpack\node\u modules\acorn\dist\acorn.js:966:10）位于解析器。pp$1。解析器中的parseStatement（C:\Users\christian\AppData\Roaming\npm\node\u modules\webpack\node\u modules\acorn\dist\acorn.js:730:24）。pp$1。解析器上的parseBlock（C:\Users\christian\AppData\Roaming\npm\node\u modules\webpack\node\u modules\acorn\dist\acorn.js:981:25）。pp$1。解析器中的parseStatement（C:\Users\christian\AppData\Roaming\npm\node\u modules\webpack\node\u modules\acorn\dist\acorn.js:709:33）。pp$1。解析器中的parseTopLevel（C:\Users\christian\AppData\Roaming\npm\node\u modules\webpack\node\u modules\acorn\dist\acorn.js:638:25）。在对象上解析（C:\Users\christian\AppData\Roaming\npm\node\u modules\webpack\node\u modules\acorn\dist\acorn.js:516:17）。解析（C:\Users\christian\AppData\Roaming\npm\node\u modules\webpack\node\u modules\acorn\dist\acorn.js:3098:39）@/~/优美的fs/多边形填充。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']
  }
};

Answer 1

错误（webpack）/~/常量-浏览/constants.json[...]

您正在使用的一些模块需要一些json文件，因此您必须允许。在您的解析中使用json。扩展。

resolve: {
  root: path.resolve(__dirname),
  alias: aliases,
  extensions: ['', '.js', '.jsx', '.css', '.json']
}