webpack中加载css相关配置-1

1.安装 cnpm i css-loader style-loader --save-dev
2.去webpack.config.js中配置

  module: {
    rules:[
      {
        test: /\.js$/,
        enforce: 'pre',

        loader: 'eslint-loader',
        options: {
          emitWarning: true,
        },
      },
      {
        test:/\.css$/,
        use:['css-loader','style-loader'],
      }
    ],
  },

3.直接就可以在js文件中引入了

import greeter from './Greeter';
import './common.css';
document.body.appendChild(greeter());

这样的加载的话 webpack就会把css部署到js文件中。也可以防止别人偷取代码。