webpack.demo.base.conf.js 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. const config = require('../package.json');
  2. const path = require('path');
  3. const webpackBaseConf = require('./webpack.base.conf.js');
  4. const HtmlWebpackPlugin = require('html-webpack-plugin');
  5. const MiniCssExtractPlugin = require("mini-css-extract-plugin");
  6. const merge = require('webpack-merge');
  7. const isDev = process.env.NODE_ENV === 'development';
  8. module.exports = merge(webpackBaseConf, {
  9. entry: {
  10. app: './sites/demo/app.js',
  11. },
  12. output: {
  13. path: path.resolve(__dirname, '../dist/sites/demo/'),
  14. chunkFilename: 'js/[name].[hash:5].js',
  15. filename: isDev ? 'js/[name].js' : 'js/[name].[hash].js'
  16. },
  17. module: {
  18. rules: [
  19. //自定义主题
  20. /*{
  21. test: /\.(sa|sc|c)ss$/,
  22. use: [
  23. {
  24. loader: 'sass-loader',
  25. options: {
  26. data: `@import "./sites/demo/asset/css/custom.scss";@import "./src/styles/index.scss"; `,
  27. },
  28. }
  29. ],
  30. }*/
  31. ]
  32. },
  33. plugins: [
  34. new HtmlWebpackPlugin({
  35. template: './sites/demo/index.html'
  36. }),
  37. new MiniCssExtractPlugin({
  38. filename: isDev ? 'css/[name].css' : 'css/[name].[hash].css'
  39. })
  40. ]
  41. });