Простой вопрос из мертвых мозга.Regex в Webpack - PullRequest
Новая
       106

Простой вопрос из мертвых мозга.Regex в Webpack

0 голосов
/ 24 декабря 2018

G'day.Я просто не могу заставить работать что-то простое!

У меня есть структура каталогов 

myapp    
   app
      server
          api.py
      client
          dist  
          node_modules  
          package.json  
          src  
          webpack.config.js 
smartForm
    smartform.js 
morestuff
    morestuff.js

Теперь в React-клиенте myapp я хочу использовать код JSX из globalstuff, ноэто не переносится.Похоже, что это должно быть легкое регулярное выражение в том числе: но для жизни я не могу получить это!Помощь оценена!

Пример просил!Спасибо за внимание!

EDITED 

ERROR in /disk/dev/www/smartForm/smartForm.js
Module build failed: SyntaxError: Unexpected token (244:16)

  242 |         }
  243 |         
> 244 |         return( <div>
      |                 ^
  245 |                     {formOut}
  246 |                 </div>
  247 |         );

 @ ./src/containers/people_new_edit.js 23:17-62
 @ ./src/routes.js
 @ ./src/components/app.js
 @ ./src/index.js
 @ multi (webpack)-dev-server/client?http://localhost:8888 webpack/hot/dev-server webpack-dev-server/client?http://localhost:8888 webpack/hot/only-dev-server ./src/index.js
webpack: Failed to compile.

Я хочу использовать smartForm из нескольких клиентских приложений.

Мой веб-пакет выглядит так: EDITED. 

var path = require('path');
module.exports = {
  entry: [
    'webpack-dev-server/client?http://localhost:8888',
    'webpack/hot/only-dev-server',
    './src/index.js'
  ],
  module: {
    loaders: [{
      test: /\.css$/,
      include: /style/,
      loaders: [
            'style-loader',
            'css-loader',
            'less-loader']
      },
    {
      test: /\.js?$/,
      exclude: /node_modules/,
      include:[ 
                /src/,
                path.resolve(__dirname,'../','../','../','smartForm')
      ],
      loaders: 'react-hot-loader/webpack!babel-loader'
    }]
  },
  resolve: {
    extensions: ['*', '.js', '.jsx']
  },
  output: {
    path: __dirname + '/dist',
    publicPath: '/',
    filename: 'bundle.js'
  },
  devServer: {
    historyApiFallback: true,
    contentBase: './dist',
    port: 8888,
    hot: true
  }
};

Надеюсь, это понятнее!Это кажется простым, но я не могу получить это!Включение включается, но JSX не переносится.Приветствия.

Я изменил REGEX на строку.Тот же результат.JSX не переносится.Я изменил описание своего каталога, чтобы сделать его более понятным.Ta.

1 Ответ

0 голосов
/ 25 декабря 2018

Вместо строки регулярного выражения используйте path.resolve(__dirname, '../', '../', '../', 'smartForm')

...