zoukankan      html  css  js  c++  java
  • webpack 3.0

    一.package.json配置
    1."dev": "webpack-dev-server --config webpack.config.js --inline --hot --progress --colors --port=1000"
    npm install --save-dev webpack-dev-server
    webpack-dev-server:热更新模块
    --port=1000  改变端口号

    npm run dev 即可
    二.入口和出口文件配置


    三.webpack.config.js配置
    1.创建文件夹 初始化package.json 下载webpack
      mkdir webpack-demo && cd webpack-demo    npm init -y
        npm install -g webpack
      npm install --save-dev webpack

    2.scss

      npm install style-loader css-loader sass-loader node-sass webpack --save-dev
      
      module.exports {
           ...
           module{
               rules[{
                   test: /.scss$/,
                   use[{
                       loader"style-loader// creates style nodes from JS strings 
                   }{
                    loader"css-loader// translates CSS into CommonJS 
                   }{
                       loader"sass-loader// compiles Sass to CSS 
                   }]
               }]
           }
          };
    3.使用es6语法
      
    npm install --save-dev babel-loader babel-core babel-preset-env

    module{
      rules[
        {
          test: /.js$/,
          exclude: /(node_modules|bower_components)/,
          use{
            loader'babel-loader',
            options{
              presets['env']
            }
          }
        }
      ]
    }

      
  • 相关阅读:
    闭包概念集合
    对象的基本方法
    webpack始出来
    elasticsearch性能调优
    elasticsearch 倒排索引学习
    elasticearch 归并策略
    更加详细的Log4net的配置
    第一篇博客关于Log4net的配置记录
    js数组小结
    javascript在不同的浏览器处理事件
  • 原文地址:https://www.cnblogs.com/wusheng2016/p/7059930.html
Copyright © 2011-2022 走看看