zoukankan      html  css  js  c++  java
  • webpack安装学习

    npm init

    npm install webpack --save dev

    新建文件test.js

    打包文件webpack hello.js bundle.js

    报错:

    ERROR in multi ./hello.js bundle.js Module not found: Error: Can't resolve 'bundle.js' in 'F:demo

    1报错原因:webpack版本过高(网上搜索资料)

    解决方案:webpack hello.js -o bundle.js

    2报错原因:没有设置webpack的模式,是生产还是开发(production or development)

    解决方案 :执行命令:webpack --mode=production或者webpack --mode=development

    解决完后

    test.js中引入css文件两种方式

    1.require('style-loader!css-loader!./style.css');
    需要安装css-loader style-loader
    npm install css-loader style-loader --save-dev
     
    2.文件中引入css文件时添加require('./style.css');
    npm install css-loader style-loader --save-dev
    webpack hello.js bundle.js --module-bind 'css=style-loader!css-loader'
    (git bash中执行相当于linux,如在windows下的将单引号换成双引号)
  • 相关阅读:
    从域名锁定该网站所在城市
    微信接口开发 2----接收微信接口返回的数据
    微信接口开发1--向微信发送请求--获取access_token
    MVC-前端设计
    MVC-第一个简单的程序
    MVC-基础02
    MVC-基础01
    表值函数
    视图

  • 原文地址:https://www.cnblogs.com/sunhuinaxixi/p/10519801.html
Copyright © 2011-2022 走看看