WebPack 1.x - 使用来自外部 webpack 根目录的文件

Question

I have this project architecture:

Root
    Project1
        package.json
        webpack.config
    Project2
        package.json
        webpack.config
    Common
        file1.js

I want to be able to use file1.js in side each project.

I am using old webpack 1.13.1 .

I have tried using an alias:

resolve: {
    alias: {
      commons: path.resolve(__dirname, ".../../Common/")
    }
}

I have tried both ways:

import ProcessTree from '../../Common/file1';
import ProcessTree from 'commons/file1';

Any ideas?

this is my webpack config:

import webpack from 'webpack';
import path from 'path';

let commonPath= path.resolve(__dirname, '..', '..', 'Common');

export default {
  devtool: 'eval-source-map',
  entry: [
    './src/index'
  ],
  target: 'web',
  output: {
    path: __dirname + '/dist', // Note: Physical files are only output by the production build task `npm run build`.
    publicPath: '/',
    filename: 'bundle.js'
  },
  resolve: {
    alias: {
      commons: commonPath
    }
  },
  devServer: {
    contentBase: './src'
  },
  module: {
    loaders: [
      { 
        test: /\.js$/, 
        include: [
          path.join(__dirname, 'src'), 
          commonPath
        ],
        loaders: ['babel'] 
      },
      { test: /(\.css)$/, loaders: ['style', 'css?sourceMap'] },
      { test: /(\.scss)$/, loaders: ['style', 'css?sourceMap', 'sass?sourceMap'] },
      { test: /\.eot(\?v=\d+\.\d+\.\d+)?$/, loader: 'file' },
      { test: /\.(woff|woff2)$/, loader: 'url?prefix=font/&limit=5000' },
      { test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/, loader: 'url?limit=10000&mimetype=application/octet-stream' },
      { test: /\.svg(\?v=\d+\.\d+\.\d+)?$/, loader: 'url?mimetype=image/svg+xml' }
    ]
  },
  node: {
    fs: "empty",
    child_process: 'empty',
  }
};

Answer 1

Make sure the path is included in whichever module loader rule you want to process files within the Common folder with.

For example:

module: {
  loaders: [
    {
      test: /\.js?$/,
      include: [
        path.resolve(__dirname),
        path.resolve(__dirname, "../../Common")
      ],
      exclude: /node_modules/,
      loader: "babel-loader"
    }
  ]
}