После запуска команды 'npm start' проект компилируется правильно, но не создает папку активов с bundle.js? - PullRequest
Новая
       7

После запуска команды 'npm start' проект компилируется правильно, но не создает папку активов с bundle.js?

0 голосов
/ 30 декабря 2018

Я работаю над новым проектом по реагированию на js, используя Lynda "Reactjs существенное обучение".Проблема в том, что когда я запускаю команду «npm start», она успешно компилирует мой проект, но ни каталог «assets» не создан, ни «bundle.js» не создан, почему?

Я использовал мой измененный файл "webpack.config.js", который отличался от файлов учебных упражнений, так как предоставленный файл не работал для меня.Ниже приведен код: 

.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-server, и изменения (если они есть) должны отображаться в браузере.

Ответы [ 2 ]

0 голосов
/ 30 декабря 2018

сервер разработки веб-пакетов не записывает на диск.это служит по памяти.Если вы хотите создать производственную сборку, которая будет выводиться в папку активов, вам нужно добавить скрипт сборки, который вы запустите.

Добавьте следующий скрипт сборки в свой package.jsonфайл, сразу после запуска скрипта, порядок не имеет значения, хотя:

"start": "./node_modules/.bin/webpack-dev-server", "build": "./node_modules/.bin/webpack --config webpack.config.js",

Затем вы можете запустить следующую команду в командной строке, чтобы создатьсборка

npm run build

точно так же, как работает

npm run start

0 голосов
/ 30 декабря 2018

Сервер разработки webpack не записывает какие-либо ресурсы на диск.Он служит им всем по памяти.

...