javascript - Webpack 开发服务器错误创建 dist 文件夹
问题描述
我想创建一个静态文件夹“dist”,但我的命令有问题,还有其他人遇到过同样的问题吗?
包.json
"scripts": {
"start": "webpack-dev-server --open",
"dev": "webpack --mode development --watch ./frontend/src/index.js --output ./frontend/static/frontend/main.js",
"build": "webpack --mode production ./frontend/src/index.js --output ./frontend/static/frontend/main.js"
},
我的 webpack 配置是
const path = require('path');
const publicPath = '/dist/';
module.exports = {
entry: './index.js',
output: {
path: path.join(__dirname, publicPath),
filename: 'bundle.js',
publicPath: publicPath
},
module: {
rules: [
{
test: /\.(js|jsx)$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader'
}
}
]
}
};
.babelrc 是
{
"presets": [
[
"@babel/preset-env",
{
"targets": {
"node": "current"
},
"useBuiltIns": "usage",
"corejs": 3
}
],
"@babel/preset-react"
],
"plugins": [
"@babel/plugin-proposal-class-properties",
"react-hot-loader/babel"
]
}
index.js
import React from 'react';
import ReactDOM from 'react-dom';
import App from './components/App';
import { Provider } from 'react-redux';
import store from './store';
const app = (
<Provider store = {store}>
<App />
</Provider>
)
ReactDOM.render(app, document.querySelector('#app'));
注意:我可以使用 npm run dev (因为这个直接使用 main )
解决方案
你的图片显示你使用npm run start
你应该尝试npm run build
如果你想创建一个 dist 文件夹
推荐阅读
- php - KendoUI 100% 堆积柱形图未正确显示
- python - gensim Doc2Vec 是否区分具有正面和负面上下文的相同句子。?
- html - 来自 DynamoDB 的数据中的 If 语句以显示特定值的 div
- ios - UINavigationBar titleTextAttributes 从视图控制器返回后未更新
- javascript - 如何查找模态已滚动到最后 -EmberJS
- ffmpeg - 将 RTSP 信号与 FFMPEG 同步
- tensorflow - 使用 Embedding Projector 可视化 Word2Vec 模型
- css - angularJS 在 ng-repeat 中使用构造函数,但不会应用 css 样式和位置?
- liferay - Liferay 7 以编程方式将模板应用到期刊文章
- sql - 查询始终返回固定数量的行