MrLeebo/dist-index.html

## dist-index.html
<!DOCTYPE html>
<html>
  <body>
    <script src="main.js"></script>
  </body>
</html>

## package.json
{
  "name": "xml-loader-demo",
  "private": true,
  "scripts": {
    "start": "webpack-dev-server",
    "build": "webpack",
    "deploy": "now dist/"
  },
  "devDependencies": {
    "webpack": "^4.27.1",
    "webpack-cli": "^3.1.2",
    "webpack-dev-server": "^3.1.10",
    "xml-loader": "^1.2.1"
  }
}

## src-data.xml
<data>Hello, World!</data>

## src-index.js
const {data} = require('./data.xml')
document.body.append(data)

## webpack.config.js
const path = require('path');

module.exports = {
  entry: './src/index.js',
  output: {
    filename: '[name].js',
    path: path.resolve(__dirname, 'dist')
  },
  mode: "development",
  module: {
    rules: [
      { test: /\.xml$/, loader: 'xml-loader' }
    ]
  },
  devServer: {
    contentBase: path.join(__dirname, 'dist'),
  }
};
	<!DOCTYPE html>
	<html>
	<body>
	<script src="main.js"></script>
	</body>
	</html>
	{
	"name": "xml-loader-demo",
	"private": true,
	"scripts": {
	"start": "webpack-dev-server",
	"build": "webpack",
	"deploy": "now dist/"
	},
	"devDependencies": {
	"webpack": "^4.27.1",
	"webpack-cli": "^3.1.2",
	"webpack-dev-server": "^3.1.10",
	"xml-loader": "^1.2.1"
	}
	}
	const {data} = require('./data.xml')
	document.body.append(data)
	const path = require('path');

	module.exports = {
	entry: './src/index.js',
	output: {
	filename: '[name].js',
	path: path.resolve(__dirname, 'dist')
	},
	mode: "development",
	module: {
	rules: [
	{ test: /\.xml$/, loader: 'xml-loader' }
	]
	},
	devServer: {
	contentBase: path.join(__dirname, 'dist'),
	}
	};