[英]Webpack Unexpected Token ';'
我正在使用 webpack 為我的 Electron.js 應用程序編譯 React.js 代碼,但是在使用 webpack 進行編譯時會出現以下錯誤:
ERROR in ./app/javascript/configs.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
SyntaxError: /home/alvinzheng/Projects/BlankReact/app/javascript/configs.js: Unexpected token (4:13)
2 | import * as path from 'path';
3 |
> 4 | const dataDir;
| ^
configs.js 文件是我存儲應用程序需要的路徑和 url 的地方,在文件末尾我使用 es6 語法導出所有這些。
config.js 的片段
const dataDir;
if(process.platform === "linux"){
dataDir = path.resolve(require('os').homedir(), 'FOLDER')
}else if(process.platform === "win32"){
dataDir = path.resolve(process.env.APPDATA, 'FOLDER')
}
export {dataDir}
Webpack 配置:
const path = require('path');
const nodeExternals = require('webpack-node-externals');
module.exports = {
mode: "production",
target: 'node',
externals: [nodeExternals()],
entry: './app/javascript/index.js',
output: {
filename: "index-bundle.js",
path: path.join(__dirname + "/app/dist/")
},
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
loader: 'babel-loader',
},
{
test: /\.css$/,
use: ['style-loader', 'css-loader']
},
{
test: /\.(woff|woff2|eot|ttf|otf)$/,
loader: 'file-loader',
options: {
name: '[name].[ext]',
outputPath: 'fonts/',
publicPath: url => '../assets/fonts/' + url
}
}
],
},
}
巴別爾:
{
"presets": ["@babel/preset-env", "@babel/react"]
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.