Question

Webpack新手，不知道我在做什么或如何正确设置配置。

设定：

 /
 -- /public
    -- /js
       -- app.js
    -- /css
       -- app.scss
 -- /node_modules
    -- /autoprefixer
    -- /babel-loader
    -- /babel-core
    -- /babel-preset-es2015
    -- /css-loader
    -- /node-sass
    -- /postcss-loader
    -- /sass-loader
    -- /style-loader
    -- /webpack
 -- package.json
 -- .babelrc
 -- webpack.config.js

webpack.config.js：

var autoprefixer = require('autoprefixer');
var css = require('./public/css/app.scss');

module.exports = {
  entry: './public/js/app.js',
  output: {
    filename: '.public/bundle.js'
  },
  resolve: {
    extensions: ['', '.js', '.json']
  },
  module: {
    loaders: [
      {
        test: /\.scss$/,
        loaders: ["style", "css", "sass"]
      },
      {
        test:   /\.css$/,
        loader: "style-loader!css-loader!postcss-loader"
      },
      {
        test: /\.js$/,
        exclude: /(node_modules|bower_components)/,
        loader: 'babel-loader',
        query: {
          presets: ['es2015']
        }
      }
    ]
  },
  postcss: function () {
      return [autoprefixer];
  }
};

运行＆＃39; webpack＆＃39;在终端，我收到一个错误：

(function (exports, require, module, __filename, __dirname) { body {
                                                                   ^
SyntaxError: Unexpected token {

Answer 1

删除行

var css = require('./public/css/app.scss');

您没有在任何地方使用css变量，也无法在webpack配置中加载任意文件。装载机不适用。

Webpack语法错误

1 个答案: