Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Webpack 多个入口点的不同解析_Webpack_Webpack Dev Server - Fatal编程技术网

Webpack 多个入口点的不同解析

Webpack 多个入口点的不同解析,webpack,webpack-dev-server,Webpack,Webpack Dev Server,现在,我已经成功地设置了一个webpack配置和webpack开发服务器(hotload),它可以同时管理我的所有子项目/插件 但是,我希望能够解析每个子项目的文件夹,例如/components,以避免较长的相对路径。这可能吗 我有以下文件夹结构 -/ MyProject -/ node_modules -/ plugin1 -/ node_modules - package.json ... -/ plugin2 -/ plugin3 -/ share

现在,我已经成功地设置了一个webpack配置和webpack开发服务器(hotload),它可以同时管理我的所有子项目/插件

但是,我希望能够解析每个子项目的文件夹,例如
/components
,以避免较长的相对路径。这可能吗

我有以下文件夹结构

-/ MyProject
  -/ node_modules
  -/ plugin1
    -/ node_modules
    - package.json
    ...
  -/ plugin2
  -/ plugin3

-/ shared (styles etc)
- webpack.config.js
- package.json
我的网页配置:

var webpack=require('webpack'); var path=require('path'); var ExtractTextPlugin=require('extract-text-webpack-plugin')

var env=process.env.NODE_env; var isProduction=env==‘production’ var主机=“”; var socketHost='ws://localhost:4000'

module.exports = {
  devtool: 'source-map',
  entry: {
    script: ['webpack-hot-middleware/client', './js/script/src/index.js'],
    app: ['webpack-hot-middleware/client', './js/site/index.js'],
  },
  output: {
    path: path.join(__dirname , 'dist'),
    filename: '[name].js',
    publicPath: '/static/'
  },
  resolve: {
    root: path.resolve(__dirname),
    alias: {
      styles: path.join(__dirname, 'styles'),
      app: path.join(__dirname, 'js', 'site'),
      script: path.join(__dirname, 'js', 'script'),
    }
  },
  module: {
    loaders: [
      {
        test: /\.jsx?$/,
        exclude: /node_modules/,
        loader: 'babel-loader',
      },
      {
        test: /\.scss$/,
        loaders: ["style", "css", "sass"]
      },
      {
        test: /\.(otf|eot|svg|ttf|woff|woff2)(\?.+)$/,
        loader: 'url-loader?limit=8192',
        include: /node_modules/
      }
    ]
  },
  plugins: [
    new webpack.DefinePlugin({ PRODUCTION: false, APP_HOST: JSON.stringify(host), WS_HOST: JSON.stringify(socketHost) }),
    new webpack.optimize.OccurenceOrderPlugin(), // recommanded by webpack
    // new webpack.HotModuleReplacementPlugin(),
    new webpack.NoErrorsPlugin(), // recommanded by webpack
    // new ExtractTextPlugin('bundle.css')
  ]
};

您是否已经在使用
resolve.alias
?这是一个“全局”设置,我想为我的每个入口点使用一个单独的resolve.alias来解决这个问题?