javascript - 如何在根 webpack 文件夹之外进入？

Question

我做了一些测试来处理位于 webpack 文件夹之外的文件。我有三个简单的文件:

/*entry.js*/
import style from "./style.css";
import string from "./content.js";

console.log(string);

---

/*style.css*/
body {
    background: beige;
}

---

/*content.js*/
export default string = "It works from content.js.";

我使用 ES6 语法，所以我有一个像这样的 .babelrc:

{
  "presets": [
    "react",
    "es2015"
   ]
}

这是我的 webpack.config.js:var webpack = require('webpack');

var ExtractTextPlugin = require("extract-text-webpack-plugin");
module.exports = {
  entry: './../outsidefolder/client/wptest/entry.js',
  //entry: './entry.js',
  debug:true,
  devtool:'source-map',
  resolve: {
    extensions: ['', '.js', '.jsx', '.css']
  },
  output: {
    path: __dirname,
    filename: "bundle.js"
  },
  module: {
    loaders: [
      {
        test: /\.js?$/,
        loaders: ['babel']
          },{
            test: /\.css$/,
            loader: ExtractTextPlugin.extract('style', 'css?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]')
          }
        ]
      },
      plugins: [
        new ExtractTextPlugin("app.css",{
          allChunks: true
        })
      ]
    };

还有我的package.json

{
  "private": true,
  "devDependencies": {
    "babel": "^6.3.26",
    "babel-core": ">=5.8.29",
    "babel-loader": ">=5.3.2",
    "babel-preset-es2015": "^6.3.13",
    "babel-preset-react": "^6.3.13",
    "browser-sync": "^2.9.11",
    "css-loader": "^0.21.0",
    "extract-text-webpack-plugin": "^0.8.2",
    "react-hot-loader": "^1.3.0",
    "style-loader": "^0.13.0",
    "webpack": "^1.12.2",
    "webpack-dev-middleware": "^1.2.0",
    "webpack-dev-server": "^1.12.1",
    "webpack-hot-middleware": "^2.4.1",
    "write-file-webpack-plugin": "^1.0.0"
  }
}

当我的条目是 entry: './entry.js' 时一切正常。但是当我的入口指向外部文件夹 entry: './../outsidefolder/client/wptest/entry.js' 时，
一切都出错了，我有这个错误:

ERROR in ../oustsidefolder/client/wptest/entry.js
Module parse failed: /Users/vikti/dev/webpacktut/node_modules/babel-loader/index.js!/Users/vikti/dev/oustsidefolder/client/wptest/entry.js Line 1: Unexpected token
You may need an appropriate loader to handle this file type.
| import style from "./style.css";
| import string from "./content.js";
| 

是否可以使用 webpack 处理根文件夹外的文件？

Answer 1

使用path.join()和 dirname创建入口文件的绝对路径。

webpack.config.js

var path = require('path');

//...

entry: path.join(__dirname, './../outsidefolder/client/wptest/entry.js'),

//...