nodejs基础一

NODEJS的由来

Node.js 诞生于2009年,Node.js采用C++语言编写而成,是 一个Javascript的运行环境。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境 ,让JavaScript的运行脱离浏览器端,可以使用JavaScript语言 书写服务器端代码。

使用node来实现第一个服务器

  var http=require("http");
  var server=http.createServer(function(res,req){
        res.writeHead(200,{"Content-Type":"text/plain"});
        console.log("helloWord");
        res.end("hello World");
  })
  server.listen(8085);

在页面运行之后,然后再在浏览器上输入localhost:8085 ,这样就可以看到结果了

webpack

  • webpack的作用
    webpack:是近的一加载器兼打包工具,它能把各种资源,例如J (含J X)、 coffee、样式(含less/sass)、图片等都作为模块来使用和处理

  • webpack的使用步骤
    1、全局安装webpack:npm install webpack -g
    2、编写webpack.config.js配置文件
    // CommonJS 导出模块

    module.exports = {
        entry: __dirname + 'app/main.js', //入口文件 output: { //输出目录
        path: __dirname + 'build', // 输出路径
        filename: 'bundle.js', // 输出文件名 },
        watch:true
    };
    

    3、写我们的helloworld组件:module.exports=function(){}
    4、Main.js主入口引入:var component = require('./component.js'); document.body.appendChild(component());
    5、新建index.html引入bundle.js,运行index.html
    6、Css样式加载:一、要安装依赖npm install style-loader css-loader --save 二、配置文件中加入配置:

    module:{
          loaders:[{
              test:/\.css$/,
              loader:"style-loader!css-loader"
          }]
      }
    
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅,特此分享以备自己日后查看,也希望更多的人看到...
    小小字符阅读 8,397评论 7 35
  • 版权声明:本文为博主原创文章,未经博主允许不得转载。 webpack介绍和使用 一、webpack介绍 1、由来 ...
    it筱竹阅读 11,523评论 0 21
  • 学习流程 参考文档:入门Webpack,看这篇就够了Webpack for React 一. 简单使用webpac...
    Jason_Zeng阅读 3,271评论 2 16
  • GitChat技术杂谈 前言 本文较长,为了节省你的阅读时间,在文前列写作思路如下: 什么是 webpack,它要...
    萧玄辞阅读 12,934评论 7 110
  • 你好,我的内在小孩,我们一起很舒服,特别是今天,心情愉悦,干劲十足,只是遗憾时光飞逝,每日的日程表安排的满满当当,...
    大漠孤烟丁阅读 245评论 0 2

友情链接更多精彩内容