Javascript 运行后';npm启动';command project正在正确编译,但未使用bundle.js创建资产文件夹?
我正在使用lynda“Reactjs essential training”进行一个关于Reactjs的新项目。问题是,当我运行“npm start”命令时,它成功编译了我的项目,但既没有创建“assets”目录,也没有创建“bundle.js”,为什么 我使用了修改后的“webpack.config.js”,这与培训练习文件不同,因为提供的文件不适合我。代码如下:Javascript 运行后';npm启动';command project正在正确编译,但未使用bundle.js创建资产文件夹?,javascript,reactjs,webpack,webpack-dev-server,Javascript,Reactjs,Webpack,Webpack Dev Server,我正在使用lynda“Reactjs essential training”进行一个关于Reactjs的新项目。问题是,当我运行“npm start”命令时,它成功编译了我的项目,但既没有创建“assets”目录,也没有创建“bundle.js”,为什么 我使用了修改后的“webpack.config.js”,这与培训练习文件不同,因为提供的文件不适合我。代码如下: .babelrc -------- { "presets": ["@babel/preset-env","@babel/react
.babelrc
--------
{
"presets": ["@babel/preset-env","@babel/react"]
}
package.json
------------
{
"name": "react-essential",
"version": "1.0.0",
"description": "A project focusing on React and related tools",
"main": "index.js",
"dependencies": {
"@babel/preset-react": "^7.0.0",
"babel-cli": "^6.26.0",
"babel-preset-latest": "^6.24.1",
"babel-preset-react": "^6.24.1",
"babel-preset-stage-0": "^6.24.1",
"react": "^16.7.0",
"react-dom": "^16.7.0"
},
"devDependencies": {
"@babel/core": "^7.2.2",
"@babel/preset-env": "^7.2.3",
"babel-core": "^6.26.3",
"babel-loader": "^8.0.4",
"babel-preset-react-native": "^5",
"webpack": "^4.28.3",
"webpack-cli": "^3.1.2",
"webpack-dev-server": "^3.1.14"
},
"scripts": {
"start": "./node_modules/.bin/webpack-dev-server"
},
"author": "Muhammad Waqas",
"license": "MIT"
}
webpack.config.js
-----------------
var webpack = require("webpack");
module.exports = {
entry: __dirname + "/src/index.js",
output: {
path: __dirname + "/dist/assets",
filename: "bundle.js",
publicPath: "assets"
},
devServer: {
inline: true,
contentBase: __dirname + "/dist",
port: 3000
},
module: {
rules: [{
test: /\.js$/,
loader: ["babel-loader"]
}]
}
}
每当我运行“npm start”时,它都应该启动webpack dev服务器,并且更改(如果有)应该反映在浏览器中。webpack dev服务器不会将任何资产写入磁盘。它从内存中为它们提供服务。webpack development server不会写入磁盘。它来源于记忆。如果希望创建将输出到assets文件夹的生产生成,则需要添加生成脚本,然后运行该脚本 将以下构建脚本添加到package.json文件中,在开始脚本之后,顺序并不重要:
“开始”:“/node\u modules/.bin/webpack dev server”,
“构建”:“/node_modules/.bin/webpack--config webpack.config.js”,
然后,您可以在命令行上运行以下命令来创建构建
npm运行构建
就像跑步一样
npm运行启动
您是否也可以发布未修改的文件,以便进行比较?如何设置启动,以便每次自动生成