Are the configuration options in vue-loader useless?

modify:

yesterday I found that it is useless to configure css option in vue-loader, and it is useless to further configure js:babel,eslint after cannot extract css
. My definition of useless is that it cannot be run in ie11
I have already configured .babelrc
because I started to configure webpack myself when I was in webpack4, and vue-loader also uses the latest 15
, so I don"t know why. I don"t know if it"s my own problem or something else

//vue-loader
{
      test: /\.vue$/,
      loader: "vue-loader",
      options: {
        loaders: {
          js: "babel-loader!eslint-loader"
        }
      }
    }
//babelrc
{

  "presets": [
    ["env", {
      "modules": false,
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
      }
    }],
    "stage-2"
  ]
}

-5-14 split line-
1. I refer to the example on the official website vue-loader to extract css,. Style
1.1 found that this configuration does not use the content that does not recognize style

clipboard.png

1.2
clipboard.png
2.1
I guess it is because the vue-loader document was webpack2
, so I assigned it again. Refer to the webpakc official website webpack plugin

.
 test: /\.css$/,
        use: ExtractTextPlugin.extract({
          fallback: "style-loader",
          use: "css-loader"
        })

so that style can be extracted
but I want to know why 1 can"t and if I mismatched it.

Mar.11,2021

here is a detailed description of webpack4's Webpack configuration (including 4)-- pay attention to details

webpack3 is similar. You can refer to the vue-cli webpack template, but use different plug-ins.

Menu