Сервер разработки Webpack и разные пути к исходным файлам - PullRequest
Новая
       36

Сервер разработки Webpack и разные пути к исходным файлам

0 голосов
/ 11 февраля 2019

Хотелось бы запустить webpack dev server hot, где местоположение исходных файлов находится по разным путям.Я застрял в попытке настроить это соответствующим образом.Ниже приведены мои исходные пути: 

/
/node_modules
/config
   --> webpack.config.js
   --> webpack.dev.config.js
/app
   --> index.js
/static 
   --> index.html
   --> /images

Главное здесь - все файлы JS и SASS находятся в каталоге / app, а файлы index.html и статические файлы (например, изображения) - в каталоге / static.Ниже приведен мой сценарий: 

webpack-dev-server --config config/webpack.dev.config.js --mode development --open --hot --history-api-fallback --progress --colors --env.PLATFORM=development

Ниже приведен фрагмент моего файла webpack.dev.config.js: 

devServer: {
    contentBase: path.join(__dirname, '../app'),
    compress: true,
    port: 8080,
    historyApiFallback: true,
    publicPath: path.join(__dirname, '../static')
},
module: {
    rules: [
        {
            test: /\.scss$/,
            use: [
                {
                    loader: 'style-loader'
                },
                {
                    loader: 'css-loader'                        
                },
                {
                    loader: 'sass-loader',
                    options: {
                        includePaths: path.join(__dirname, '../app')
                    }
                }
            ]      
        },
        {
            test: /\.js$/,
            exclude: [/node_modules/],
            use: [{
                loader: 'babel-loader'
            }]
        }
    ]
},
plugins: [
    new HtmlWebpackPlugin({ 
      template: path.join(__dirname, '../static') + 'index.html',
      filename: path.join(__dirname, '../../wwwroot') + 'index.html'
    })
}

Я хочу убедиться, что могу запустить этот горячий (любойизменения в SASS или JS в / app, а также любые изменения в / static можно увидеть при обновлении браузера).Любая помощь будет оценена.

...