Как преобразовать скрипт create-response-app в статический пакет - PullRequest
Новая
       96

Как преобразовать скрипт create-response-app в статический пакет

0 голосов
/ 19 октября 2018

Извините, если это странный / глупый вопрос, но я пытался перейти с PHP на более ориентированную на JavaScript разработку.

Я создал небольшое одностраничное приложение без маршрутизации с использованием create-реагироватьприложение работает именно так, как я хочу, но теперь я хочу развернуть его внутри моего существующего приложения PHP.

Приложение выполняет некоторые вызовы API, поэтому его нельзя просто преобразовать в статическийpage.

Можно ли каким-то образом взять то, что у меня есть, и преобразовать его в файл .js, который можно просто загрузить без использования сервера?

Спасибо

Ответы [ 2 ]

0 голосов
/ 19 октября 2018

Вы можете сделать это с webpack devServer

Вот пример:

package.json 

{
   "name": "sampleApp",
   "version": "1.0.0",
   "description": "",
   "devDependencies": {
      "webpack": "4.15.0",
      "webpack-cli": "3.0.8",
      "webpack-dev-server": "3.1.4"
   },

   "scripts": {
        "dev": "webpack --mode development && webpack-dev-server --mode development",
        "build": "webpack --mode production && webpack-dev-server --mode production"
   },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/sample/sample.git"
   }
}

webpack.config.js 

module.exports = {
   entry: './src/index.js',
   output: {
      path: path.resolve(__dirname, 'build'),
      filename: 'bundle.js',
   },
  devServer: {
    contentBase: path.resolve(__dirname, './'),
    publicPath: '/build/',
    host: '127.0.0.1',
    port: 9998,
    open: true
  },
  resolve: {
    extensions: ['.ts', '.js'],

  }
};
0 голосов
/ 19 октября 2018

Просто выполните npm run build и затем загрузите ./build Frolder на ваш сервер.

...