Используйте Webpack со мной в проект с открытым исходным кодом, чтобы добавить запись запуска

Ла - ла - ла - ла - ла не хотят ставить на очень большой WebPack отказался от идеи исследования, на самом деле WebPack особенно доступным, является инструментом
сегодня видел супер красивый проект

Вы можете увидеть различный рот красных цифр, полного экран розового, тявкать Wow, Мими да
Это проект с открытым исходным кодом, адрес проекта: https://github.com/Ovilia/lipstick
открытого проект, смотрите файл package.json, я был удивлен найти не команды для запуска

заднего числа вопроса

эм эм эм, мне нужно установить Nginx и кот вау ~
Я передний конец инженер он ~~~жужжание~~~
Прямые местные проекты запустить вау смотреть на
проблемы кросс-доменных идентифицированных

сейчас я больше всего хочу сделать , это добавить команду для запуска проекта, и обратный прокси - сервер , чтобы избежать перекрестного домена вопрос
мы посмотрим на WebPack документы
мы нашли webpack- Dev-сервер будет в состоянии решить наши болевые точки, он может обеспечить функцию веб - сервера к нам ,

то мы будем использовать его в соответствии с его требованиями
первым шагом является установка WebPack-DEV-сервер

корневой каталог создать webpack.config.js

//webpack.config.js
  const path = require('path');
  const HtmlWebpackPlugin = require('html-webpack-plugin');
  const CleanWebpackPlugin = require('clean-webpack-plugin');

  module.exports = {
    mode: 'development',
    entry: {
      app: './src/index.js',
      print: './src/print.js'
    },
    devtool: 'inline-source-map',
   devServer: {
     contentBase: './dist'
   },
    plugins: [
      // new CleanWebpackPlugin(['dist/*']) for < v2 versions of CleanWebpackPlugin
      new CleanWebpackPlugin(),
      new HtmlWebpackPlugin({
        title: 'Development'
      })
    ],
    output: {
      filename: '[name].bundle.js',
      path: path.resolve(__dirname, 'dist')
    }
  };

这告诉webpack-dev-server我们从dist目录中提供文件localhost:8080
修改package.json

我们先来运行项目看看

说是没有安装webpack
哪里报错解决哪里
现在安装webpack

接下来我们来修改项目的目录结构

修改dist/index.html

接下来修改

现在，让我们再次运行构建，而不是使用我们的新配置文件：
npx webpack --config webpack.config.js
最后我们使用npm start进行运行

项目运行为

好啦啦啦啦啦，收工~~~我也是棒棒哒，加油哇

Используйте Webpack со мной в проект с открытым исходным кодом, чтобы добавить запись запуска

рекомендация