webpack加载样式资源

安装loader

npm install --save-dev style-loader css-loader

配置

const {resolve} = require('path');

module.exports = {
  entry: './src/index.js',
  output: {
    filename: 'main.js',
    path: resolve(__dirname, 'dist')
  },
  module: {
    rules: [
      {
        test: /\.css$/, //正则匹配
        use: ['style-loader', 'css-loader']
      },
      {test: /\.less$/, use: ['style-loader', 'css-loader', 'less-loader']}
    ]
  },
};

index.css

html {
    background-color: red;
    height: 100%;
    margin: 0;
    padding: 0;
}

index.js

import './index.css'

打包

npm run build

加载less

npm i less-loader less -D